@charset "utf-8";



@font-face {
    font-family: "PingFang SC";
    font-weight: 400;
    font-style: normal;
    /* src: url('https://inexweb.oss-cn-shenzhen.aliyuncs.com/uni/font/PingFang%20SC.ttf'); */
    /* src: url('https://inexweb.oss-cn-shenzhen.aliyuncs.com/uni/font/PINGFANG%20REGULAR.TTF'); */
    src: url('https://inexweb.oss-cn-shenzhen.aliyuncs.com/uni/font/PINGFANG%20MEDIUM.TTF');
}

html,
body {
    font: 14px/1.571429 "PingFang SC", sans-serif;
    color: #76838f;
    margin: 0;
    width: 100%;
    max-width: 100%;
    min-width: 320px;
    min-height: 100vh
}

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


.iPages {
    width: 100%;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.empty_data {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.empty_data img {
    width: 300px;
    margin-top: 100px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
codemain,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block
}

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

progress {
    vertical-align: baseline
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
    font-size: 1em
}

code {
    font-size: 90%;
    padding: .15rem .3rem;
    color: #5683ad;
    border-radius: .215rem;
    background-color: rgba(232, 241, 248, .1)
}

hr {
    overflow: visible;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    margin: 1rem 0;
    border: 0;
    border-top: 1px solid #e4eaec
}

optgroup {
    font-weight: 700
}

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

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

legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0;
    white-space: normal;
    color: inherit;
    font-size: 1.5rem;
    line-height: inherit;
    display: block;
    width: 100%;
    margin-bottom: .5rem
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-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] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

[type=search]:not(.met-cancel-button)::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration,
input[type=search] {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    opacity: .54;
    color: inherit
}

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

@media print {

    *,
    ::after,
    ::before,
    ::first-letter,
    blockquote::first-line,
    div::first-line,
    li::first-line,
    p::first-line {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    abbr[title]::after {
        content: ' (' attr(title) ')'
    }

    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
    }

    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000 !important
    }

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

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

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

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

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

abbr[data-original-title],
abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 1px dotted #e4eaec
}

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

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
}

a {
    text-decoration: none;
    color: #62a8ea;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

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

a:focus,
a:hover {
    text-decoration: underline;
    color: #89bceb
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

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

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

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

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: .572rem;
    padding-bottom: .572rem;
    caption-side: bottom;
    text-align: left;
    color: #a3afb7
}

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 {
    font: inherit;
    line-height: inherit;
    margin: 0
}

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

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

textarea {
    overflow: auto;
    resize: vertical
}

output {
    display: inline-block
}

[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    line-height: 1.2;
    color: #37474f
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 22px;
    margin-bottom: 11px
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-top: 11px;
    margin-bottom: 11px
}

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

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

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

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

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

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

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

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

.mark,
mark {
    padding: .23rem;
    background-color: #f2a654;
    color: #fff;
    border-radius: .143rem
}

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

dl.row>dd+dt {
    clear: left
}

.carousel-inner>.carousel-item>a>img,
.carousel-inner>.carousel-item>img,
.img-fluid {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: .286rem
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: .25rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 1px solid #ddd;
    border-radius: .25rem;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .075)
}

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

.figure {
    display: inline-block
}

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

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

kbd {
    font-size: 90%;
    padding: .15rem .3rem;
    color: #fff;
    border-radius: .143rem;
    background-color: #62a8ea;
    -webkit-box-shadow: inset 0 -.1rem 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 -.1rem 0 rgba(0, 0, 0, .25);
    border: 1px solid #bcd8f1
}

kbd kbd {
    font-size: 100%;
    font-weight: 700;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

pre {
    white-space: pre-wrap !important;
    font-size: 90%;
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    color: inherit;
    padding: 10.5px;
    color: inherit;
    border: 1px solid #ecf5fc;
    border-radius: .215rem;
    overflow: auto
}

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

.cursor {
    cursor: pointer;
}

.container {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: .9375rem;
    padding-left: .9375rem
}

.container::after {
    display: table;
    clear: both;
    content: ''
}

@media (min-width: 480px) {
    .container {
        width: 606px
    }
}

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

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

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

@media (min-width: 1600px) {
    .container {
        width: 1310px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-right: .9375rem;
    padding-left: .9375rem
}

.container-fluid::after {
    display: table;
    clear: both;
    content: ''
}

.row {
    margin-right: -.9375rem;
    margin-left: -.9375rem
}

.row::after {
    display: table;
    clear: both;
    content: ''
}

@media (min-width: 480px) {
    .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

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

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

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

.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,
.col-xs,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xxl,
.col-xxl-1,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9 {
    position: relative;
    min-height: 1px;
    padding-right: .9375rem;
    padding-left: .9375rem
}

@media (min-width: 480px) {

    .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,
    .col-xs,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xxl,
    .col-xxl-1,
    .col-xxl-10,
    .col-xxl-11,
    .col-xxl-12,
    .col-xxl-2,
    .col-xxl-3,
    .col-xxl-4,
    .col-xxl-5,
    .col-xxl-6,
    .col-xxl-7,
    .col-xxl-8,
    .col-xxl-9 {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media (min-width: 768px) {

    .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,
    .col-xs,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xxl,
    .col-xxl-1,
    .col-xxl-10,
    .col-xxl-11,
    .col-xxl-12,
    .col-xxl-2,
    .col-xxl-3,
    .col-xxl-4,
    .col-xxl-5,
    .col-xxl-6,
    .col-xxl-7,
    .col-xxl-8,
    .col-xxl-9 {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media (min-width: 992px) {

    .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,
    .col-xs,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xxl,
    .col-xxl-1,
    .col-xxl-10,
    .col-xxl-11,
    .col-xxl-12,
    .col-xxl-2,
    .col-xxl-3,
    .col-xxl-4,
    .col-xxl-5,
    .col-xxl-6,
    .col-xxl-7,
    .col-xxl-8,
    .col-xxl-9 {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media (min-width: 1200px) {

    .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,
    .col-xs,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xxl,
    .col-xxl-1,
    .col-xxl-10,
    .col-xxl-11,
    .col-xxl-12,
    .col-xxl-2,
    .col-xxl-3,
    .col-xxl-4,
    .col-xxl-5,
    .col-xxl-6,
    .col-xxl-7,
    .col-xxl-8,
    .col-xxl-9 {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.col-xs-1 {
    float: left;
    width: 8.333333%
}

.col-xs-2 {
    float: left;
    width: 16.666667%
}

.col-xs-3 {
    float: left;
    width: 25%
}

.col-xs-4 {
    float: left;
    width: 33.333333%
}

.col-xs-5 {
    float: left;
    width: 41.666667%
}

.col-xs-6 {
    float: left;
    width: 50%
}

.col-xs-7 {
    float: left;
    width: 58.333333%
}

.col-xs-8 {
    float: left;
    width: 66.666667%
}

.col-xs-9 {
    float: left;
    width: 75%
}

.col-xs-10 {
    float: left;
    width: 83.333333%
}

.col-xs-11 {
    float: left;
    width: 91.666667%
}

.col-xs-12 {
    float: left;
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 480px) {
    .col-sm-1 {
        float: left;
        width: 8.333333%
    }

    .col-sm-2 {
        float: left;
        width: 16.666667%
    }

    .col-sm-3 {
        float: left;
        width: 25%
    }

    .col-sm-4 {
        float: left;
        width: 33.333333%
    }

    .col-sm-5 {
        float: left;
        width: 41.666667%
    }

    .col-sm-6 {
        float: left;
        width: 50%
    }

    .col-sm-7 {
        float: left;
        width: 58.333333%
    }

    .col-sm-8 {
        float: left;
        width: 66.666667%
    }

    .col-sm-9 {
        float: left;
        width: 75%
    }

    .col-sm-10 {
        float: left;
        width: 83.333333%
    }

    .col-sm-11 {
        float: left;
        width: 91.666667%
    }

    .col-sm-12 {
        float: left;
        width: 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-1 {
        float: left;
        width: 8.333333%
    }

    .col-md-2 {
        float: left;
        width: 16.666667%
    }

    .col-md-3 {
        float: left;
        width: 25%
    }

    .col-md-4 {
        float: left;
        width: 33.333333%
    }

    .col-md-5 {
        float: left;
        width: 41.666667%
    }

    .col-md-6 {
        float: left;
        width: 50%
    }

    .col-md-7 {
        float: left;
        width: 58.333333%
    }

    .col-md-8 {
        float: left;
        width: 66.666667%
    }

    .col-md-9 {
        float: left;
        width: 75%
    }

    .col-md-10 {
        float: left;
        width: 83.333333%
    }

    .col-md-11 {
        float: left;
        width: 91.666667%
    }

    .col-md-12 {
        float: left;
        width: 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-1 {
        float: left;
        width: 8.333333%
    }

    .col-lg-2 {
        float: left;
        width: 16.666667%
    }

    .col-lg-3 {
        float: left;
        width: 25%
    }

    .col-lg-4 {
        float: left;
        width: 33.333333%
    }

    .col-lg-5 {
        float: left;
        width: 41.666667%
    }

    .col-lg-6 {
        float: left;
        width: 50%
    }

    .col-lg-7 {
        float: left;
        width: 58.333333%
    }

    .col-lg-8 {
        float: left;
        width: 66.666667%
    }

    .col-lg-9 {
        float: left;
        width: 75%
    }

    .col-lg-10 {
        float: left;
        width: 83.333333%
    }

    .col-lg-11 {
        float: left;
        width: 91.666667%
    }

    .col-lg-12 {
        float: left;
        width: 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-1 {
        float: left;
        width: 8.333333%
    }

    .col-xl-2 {
        float: left;
        width: 16.666667%
    }

    .col-xl-3 {
        float: left;
        width: 25%
    }

    .col-xl-4 {
        float: left;
        width: 33.333333%
    }

    .col-xl-5 {
        float: left;
        width: 41.666667%
    }

    .col-xl-6 {
        float: left;
        width: 50%
    }

    .col-xl-7 {
        float: left;
        width: 58.333333%
    }

    .col-xl-8 {
        float: left;
        width: 66.666667%
    }

    .col-xl-9 {
        float: left;
        width: 75%
    }

    .col-xl-10 {
        float: left;
        width: 83.333333%
    }

    .col-xl-11 {
        float: left;
        width: 91.666667%
    }

    .col-xl-12 {
        float: left;
        width: 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%
    }
}

@media (min-width: 1600px) {
    .col-xxl-1 {
        float: left;
        width: 8.333333%
    }

    .col-xxl-2 {
        float: left;
        width: 16.666667%
    }

    .col-xxl-3 {
        float: left;
        width: 25%
    }

    .col-xxl-4 {
        float: left;
        width: 33.333333%
    }

    .col-xxl-5 {
        float: left;
        width: 41.666667%
    }

    .col-xxl-6 {
        float: left;
        width: 50%
    }

    .col-xxl-7 {
        float: left;
        width: 58.333333%
    }

    .col-xxl-8 {
        float: left;
        width: 66.666667%
    }

    .col-xxl-9 {
        float: left;
        width: 75%
    }

    .col-xxl-10 {
        float: left;
        width: 83.333333%
    }

    .col-xxl-11 {
        float: left;
        width: 91.666667%
    }

    .col-xxl-12 {
        float: left;
        width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

.table {
    max-width: 100%;
    margin-bottom: 1rem;
    color: #76838f
}

tabl.e:not([border='0']) th,
.table:not([border='0']) td {
    border-top: 1px solid #e4eaec
}

.table td,
.table th {
    padding: .572rem
}

.table thead th {
    border-bottom: 2px solid #e4eaec
}

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

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

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

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

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

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

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(243, 247, 249, .3)
}

.table-hover tbody tr:hover {
    background-color: #f3f7f9
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: #f3f7f9
}

.table-active a {
    color: inherit
}

.table-hover .table-active:hover {
    background-color: #e2ecf1
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    color: inherit;
    background-color: #e2ecf1
}

.table-responsive {
    display: block;
    overflow-x: auto;
    width: 100%;
    min-height: .01%
}

.form-control {
    font-size: 1rem;
    line-height: 1.571429;
    display: block;
    width: 100%;
    padding: .429rem .929rem;
    color: #76838f;
    border: 1px solid #e4eaec;
    border-radius: .215rem;
    background-color: #fff;
    background-image: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 2.573rem;
    -webkit-transition: -webkit-box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear;
    -o-transition: box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear;
    transition: box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear;
    border-color: #e4eaec;
    -webkit-appearance: none;
    -moz-appearance: none
}

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

.form-control.focus,
.form-control:focus {
    border-color: #62a8ea;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

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

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

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

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

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

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

select.form-control:not([size]):not([multiple]) {
    height: 2.573rem
}

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

.form-control-static {
    min-height: 2.573rem;
    margin-bottom: 0;
    padding-top: .429rem;
    padding-bottom: .429rem
}

.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 {
    height: 2.288rem;
    font-size: .858rem;
    padding: .429rem .786rem;
    border-radius: .143rem
}

.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: 2.288rem
}

.form-control-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 3.573667rem;
    font-size: 1.286rem;
    padding: .858rem 1.429rem;
    border-radius: .286rem
}

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

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

.form-control-danger,
.form-control-success,
.form-control-warning {
    padding-right: 2.787rem;
    background-repeat: no-repeat;
    background-position: center right .64325rem;
    -webkit-background-size: 1.2865rem 1.2865rem;
    background-size: 1.2865rem 1.2865rem
}

html:not(.met-web) .has-success .custom-control,
html:not(.met-web) .has-success .form-control-label {
    color: #46be8a
}

html:not(.met-web) .has-success .form-control {
    border-color: #46be8a;
    border-color: #46be8a;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

html:not(.met-web) .has-success .input-group-addon {
    color: #46be8a;
    border-color: #46be8a;
    background-color: #ddf3e9
}

html:not(.met-web) .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=\'$form-icon-success-color\' 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 .custom-control,
.has-warning .form-control-label {
    color: #f2a654
}

.has-warning .form-control {
    border-color: #f2a654;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.has-warning .input-group-addon {
    color: #f2a654;
    border-color: #f2a654;
    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=\'#f2a654\' 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 .custom-control,
.has-danger .form-control-label {
    color: #f96868
}

.has-danger .form-control {
    border-color: #f96868;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.has-danger .input-group-addon {
    color: #f96868;
    border-color: #f96868;
    background-color: #fff
}

.has-danger .form-control-danger {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'#f96868\' 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')
}

@media (min-width: 480px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

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

    .form-inline .input-group .form-control,
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .form-control-label {
        margin-bottom: 0;
        vertical-align: middle
    }
}

.btn {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.571429;
    display: inline-block;
    padding: .429rem 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: .215rem
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: 0
}

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

.btn.active,
.btn:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

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

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

.btn-primary {
    color: #fff;
    border-color: #62a8ea;
    background-color: #62a8ea
}

.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    border-color: #89bceb;
    background-color: #89bceb
}

.btn-primary.active,
.btn-primary:active,
.open>.btn-primary.dropdown-toggle {
    color: #fff;
    border-color: #4e97d9;
    background-color: #4e97d9;
    background-image: none
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover {
    color: #fff;
    border-color: #4e97d9;
    background-color: #4e97d9
}

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary:disabled.focus,
.btn-primary:disabled:focus,
.btn-primary.disabled:hover,
.btn-primary:disabled:hover {
    border-color: #62a8ea;
    background-color: #62a8ea
}

.btn-secondary {
    color: #373a3c;
    border-color: #ccc;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-info {
    color: #fff;
    border-color: #57c7d4;
    background-color: #57c7d4
}

.btn-info:hover,
.btn-info.focus,
.btn-info:focus {
    color: #fff;
    border-color: #77d6e1;
    background-color: #77d6e1
}

.btn-info.active,
.btn-info:active,
.open>.btn-info.dropdown-toggle {
    color: #fff;
    background-image: none;
    border-color: #47b8c6;
    background-color: #47b8c6
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.btn-info.dropdown-toggle.focus,
.open>.btn-info.dropdown-toggle:focus,
.open>.btn-info.dropdown-toggle:hover {
    color: #fff;
    border-color: #47b8c6;
    background-color: #47b8c6
}

.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info:disabled.focus,
.btn-info:disabled:focus,
.btn-info.disabled:hover,
.btn-info:disabled:hover {
    border-color: #57c7d4;
    background-color: #57c7d4
}

.btn-success {
    color: #fff;
    border-color: #46be8a;
    background-color: #46be8a
}

.btn-success:hover,
.btn-success.focus,
.btn-success:focus {
    color: #fff;
    border-color: #5cd29d;
    background-color: #5cd29d
}

.btn-success.active,
.btn-success:active,
.open>.btn-success.dropdown-toggle {
    color: #fff;
    background-image: none;
    border-color: #36ab7a;
    background-color: #36ab7a
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.btn-success.dropdown-toggle.focus,
.open>.btn-success.dropdown-toggle:focus,
.open>.btn-success.dropdown-toggle:hover {
    color: #fff;
    border-color: #36ab7a;
    background-color: #36ab7a
}

.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success:disabled.focus,
.btn-success:disabled:focus,
.btn-success.disabled:hover,
.btn-success:disabled:hover {
    border-color: #46be8a;
    background-color: #46be8a
}

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

.btn-warning:hover,
.btn-warning.focus,
.btn-warning:focus {
    color: #fff;
    border-color: #f4b066;
    background-color: #f4b066
}

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

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.btn-warning.dropdown-toggle.focus,
.open>.btn-warning.dropdown-toggle:focus,
.open>.btn-warning.dropdown-toggle:hover {
    color: #fff;
    border-color: #ec9940;
    background-color: #ec9940
}

.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning:disabled.focus,
.btn-warning:disabled:focus,
.btn-warning.disabled:hover,
.btn-warning:disabled:hover {
    border-color: #f2a654;
    background-color: #f2a654
}

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

.btn-danger:hover,
.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    border-color: #fa7a7a;
    background-color: #fa7a7a
}

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

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.btn-danger.dropdown-toggle.focus,
.open>.btn-danger.dropdown-toggle:focus,
.open>.btn-danger.dropdown-toggle:hover {
    color: #fff;
    border-color: #e9595b;
    background-color: #e9595b
}

.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger:disabled.focus,
.btn-danger:disabled:focus,
.btn-danger.disabled:hover,
.btn-danger:disabled:hover {
    border-color: #f96868;
    background-color: #f96868
}

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

.btn-outline-primary:hover,
.btn-outline-primary.focus,
.btn-outline-primary:focus,
.btn-outline-primary.active,
.btn-outline-primary:active,
.open>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    border-color: #62a8ea;
    background-color: #62a8ea
}

.btn-outline-primary.active.focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.active:hover,
.btn-outline-primary:active.focus,
.btn-outline-primary:active:focus,
.btn-outline-primary:active:hover,
.open>.btn-outline-primary.dropdown-toggle.focus,
.open>.btn-outline-primary.dropdown-toggle:focus,
.open>.btn-outline-primary.dropdown-toggle:hover {
    color: #fff;
    border-color: #1869b4;
    background-color: #1d7dd8
}

.btn-outline-primary.disabled.focus,
.btn-outline-primary.disabled:focus,
.btn-outline-primary:disabled.focus,
.btn-outline-primary:disabled:focus,
.btn-outline-primary.disabled:hover,
.btn-outline-primary:disabled:hover {
    border-color: #bcdaf6
}

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

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

.btn-outline-secondary.active.focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.active:hover,
.btn-outline-secondary:active.focus,
.btn-outline-secondary:active:focus,
.btn-outline-secondary:active:hover,
.open>.btn-outline-secondary.dropdown-toggle.focus,
.open>.btn-outline-secondary.dropdown-toggle:focus,
.open>.btn-outline-secondary.dropdown-toggle:hover {
    color: #fff;
    border-color: #8c8c8c;
    background-color: #a1a1a1
}

.btn-outline-secondary.disabled.focus,
.btn-outline-secondary.disabled:focus,
.btn-outline-secondary:disabled.focus,
.btn-outline-secondary:disabled:focus,
.btn-outline-secondary.disabled:hover,
.btn-outline-secondary:disabled:hover {
    border-color: #fff
}

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

.btn-outline-info:hover,
.btn-outline-info.focus,
.btn-outline-info:focus,
.btn-outline-info.active,
.btn-outline-info:active,
.open>.btn-outline-info.dropdown-toggle {
    color: #fff;
    border-color: #57c7d4;
    background-color: #57c7d4
}

.btn-outline-info.active.focus,
.btn-outline-info.active:focus,
.btn-outline-info.active:hover,
.btn-outline-info:active.focus,
.btn-outline-info:active:focus,
.btn-outline-info:active:hover,
.open>.btn-outline-info.dropdown-toggle.focus,
.open>.btn-outline-info.dropdown-toggle:focus,
.open>.btn-outline-info.dropdown-toggle:hover {
    color: #fff;
    border-color: #237e89;
    background-color: #2b9ca9
}

.btn-outline-info.disabled.focus,
.btn-outline-info.disabled:focus,
.btn-outline-info:disabled.focus,
.btn-outline-info:disabled:focus,
.btn-outline-info.disabled:hover,
.btn-outline-info:disabled:hover {
    border-color: #a8e2e9
}

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

.btn-outline-success:hover,
.btn-outline-success.focus,
.btn-outline-success:focus,
.btn-outline-success.active,
.btn-outline-success:active,
.open>.btn-outline-success.dropdown-toggle {
    color: #fff;
    border-color: #46be8a;
    background-color: #46be8a
}

.btn-outline-success.active.focus,
.btn-outline-success.active:focus,
.btn-outline-success.active:hover,
.btn-outline-success:active.focus,
.btn-outline-success:active:focus,
.btn-outline-success:active:hover,
.open>.btn-outline-success.dropdown-toggle.focus,
.open>.btn-outline-success.dropdown-toggle:focus,
.open>.btn-outline-success.dropdown-toggle:hover {
    color: #fff;
    border-color: #226246;
    background-color: #2d805c
}

.btn-outline-success.disabled.focus,
.btn-outline-success.disabled:focus,
.btn-outline-success:disabled.focus,
.btn-outline-success:disabled:focus,
.btn-outline-success.disabled:hover,
.btn-outline-success:disabled:hover {
    border-color: #91d9ba
}

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

.btn-outline-warning:hover,
.btn-outline-warning.focus,
.btn-outline-warning:focus,
.btn-outline-warning.active,
.btn-outline-warning:active,
.open>.btn-outline-warning.dropdown-toggle {
    color: #fff;
    border-color: #f2a654;
    background-color: #f2a654
}

.btn-outline-warning.active.focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.active:hover,
.btn-outline-warning:active.focus,
.btn-outline-warning:active:focus,
.btn-outline-warning:active:hover,
.open>.btn-outline-warning.dropdown-toggle.focus,
.open>.btn-outline-warning.dropdown-toggle:focus,
.open>.btn-outline-warning.dropdown-toggle:hover {
    color: #fff;
    border-color: #b8660e;
    background-color: #de7c11
}

.btn-outline-warning.disabled.focus,
.btn-outline-warning.disabled:focus,
.btn-outline-warning:disabled.focus,
.btn-outline-warning:disabled:focus,
.btn-outline-warning.disabled:hover,
.btn-outline-warning:disabled:hover {
    border-color: #f9d7b3
}

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

.btn-outline-danger:hover,
.btn-outline-danger.focus,
.btn-outline-danger:focus,
.btn-outline-danger.active,
.btn-outline-danger:active,
.open>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    border-color: #f96868;
    background-color: #f96868
}

.btn-outline-danger.active.focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.active:hover,
.btn-outline-danger:active.focus,
.btn-outline-danger:active:focus,
.btn-outline-danger:active:hover,
.open>.btn-outline-danger.dropdown-toggle.focus,
.open>.btn-outline-danger.dropdown-toggle:focus,
.open>.btn-outline-danger.dropdown-toggle:hover {
    color: #fff;
    border-color: #d90909;
    background-color: #f61515
}

.btn-outline-danger.disabled.focus,
.btn-outline-danger.disabled:focus,
.btn-outline-danger:disabled.focus,
.btn-outline-danger:disabled:focus,
.btn-outline-danger.disabled:hover,
.btn-outline-danger:disabled:hover {
    border-color: #fdcaca
}

.btn-group-lg>.btn,
.btn-lg {
    font-size: 1.286rem;
    padding: .715rem 1.286rem;
    border-radius: .286rem
}

.btn-group-sm>.btn,
.btn-sm {
    font-size: .858rem;
    padding: .429rem .858rem;
    border-radius: .143rem
}

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

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

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

/*m|e|t|i|n|f|o|_|7|_|6*/
.fade {
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
    opacity: 0
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

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

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

.collapsing {
    position: relative;
    overflow: hidden;
    height: 0;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height;
    -o-transition-property: height;
    transition-property: height
}

.dropdown,
.dropup {
    position: relative
}

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

.dropdown-toggle:focus {
    outline: 0
}

.dropup .dropdown-toggle::after {
    border-top: 0;
    border-bottom: .286rem solid
}

.dropdown-menu {
    font-size: 1rem;
    position: absolute;
    z-index: 1200;
    top: 100%;
    left: 0;
    display: none;
    float: left;
    min-width: 160px;
    margin: 5px 0 0;
    padding: 5px 0;
    list-style: none;
    text-align: left;
    color: #76838f;
    border: 1px solid #e4eaec;
    border-radius: .215rem;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .05);
    box-shadow: 0 3px 12px rgba(0, 0, 0, .05);
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s
}

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

.dropdown-item {
    font-weight: 400;
    display: block;
    clear: both;
    width: 100%;
    padding: 3px 20px;
    text-align: inherit;
    white-space: nowrap;
    color: #76838f;
    border: 0;
    background: 0 0;
    padding: .572rem 1.072rem;
    -webkit-transition: background-color .25s;
    -o-transition: background-color .25s;
    transition: background-color .25s;
    border-radius: .215rem
}

.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item.active,
.dropdown-item.active:focus,
.dropdown-item.active:hover {
    text-decoration: none;
    color: #76838f;
    outline: 0;
    background-color: #f3f7f9
}

.dropdown-item.disabled,
.dropdown-item.disabled:focus,
.dropdown-item.disabled:hover {
    color: #ccd5db
}

.dropdown-item.disabled:focus,
.dropdown-item.disabled:hover {
    cursor: not-allowed;
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: 'progid:DXImageTransform.Microsoft.gradient(enabled = false)'
}

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

.open>a {
    outline: 0
}

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

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

.dropdown-header {
    font-size: .858rem;
    display: block;
    margin-bottom: 0;
    padding: 5px 20px;
    white-space: nowrap;
    color: #37474f
}

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

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    content: '';
    border-top: 0;
    border-bottom: .286rem solid
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 5px;
    margin-bottom: 6px;
    -webkit-box-shadow: 0 -3px 12px rgba(0, 0, 0, .05);
    box-shadow: 0 -3px 12px rgba(0, 0, 0, .05)
}

.btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group>.btn {
    position: relative;
    float: left;
    margin-bottom: 0
}

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

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

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

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child),
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-left-radius: 0;
    border-bottom-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 .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: .6435rem;
    padding-left: .6435rem
}

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

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-group-lg>.btn .caret,
.btn-lg .caret {
    border-width: .358rem .358rem 0;
    border-bottom-width: 0
}

.dropup .btn-group-lg>.btn .caret,
.dropup .btn-lg .caret {
    border-width: 0 .358rem .358rem
}

[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: table;
    width: 100%;
    border-collapse: separate
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    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: table-cell
}

.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 {
    width: 1%;
    vertical-align: middle;
    white-space: nowrap
}

.input-group-addon {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 0;
    padding: .429rem .929rem;
    text-align: center;
    color: #76838f;
    border: 1px solid #e4eaec;
    border-radius: .215rem;
    background-color: #f3f7f9
}

.input-group-addon.form-control-sm,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.input-group-addon.btn {
    font-size: .858rem;
    padding: .429rem .786rem;
    border-radius: .143rem
}

.input-group-addon.form-control-lg,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.input-group-addon.btn {
    font-size: 1.286rem;
    padding: .858rem 1.429rem;
    border-radius: .286rem
}

.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-top-right-radius: 0;
    border-bottom-right-radius: 0
}

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

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

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

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

.input-group-btn>.btn {
    position: relative
}

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

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav-link {
    position: relative;
    display: block;
    overflow: hidden;
    padding: .715rem 1.072rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none;
    background-color: #f3f7f9
}

.nav-link.disabled {
    color: #a3afb7
}

.nav-link.disabled,
.nav-link.disabled:focus,
.nav-link.disabled:hover {
    cursor: not-allowed;
    color: #a3afb7;
    background-color: transparent
}

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

.nav-inline .nav-item+.nav-item,
.nav-inline .nav-link+.nav-link {
    margin-left: 1rem
}

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

.nav-tabs::after {
    display: table;
    clear: both;
    content: ''
}

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

.nav-tabs .nav-item+.nav-item {
    margin-left: 2px
}

.nav-tabs .nav-link {
    display: block;
    padding: .715rem 1.429rem;
    border: 1px solid transparent;
    border-top-left-radius: .215rem;
    border-top-right-radius: .215rem;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    color: #76838f
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent transparent #e4eaec;
    background-color: #f3f7f9
}

.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link.disabled:focus,
.nav-tabs .nav-link.disabled:hover {
    color: #a3afb7;
    border-color: transparent;
    background-color: transparent
}

.nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-item.open .nav-link:focus,
.nav-tabs .nav-item.open .nav-link:hover,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover {
    color: #fff;
    background-color: #62a8ea;
    border-color: transparent;
    border-bottom-color: #62a8ea
}

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

.nav-pills::after {
    display: table;
    clear: both;
    content: ''
}

.nav-pills .nav-item {
    float: left
}

.nav-pills .nav-item+.nav-item {
    margin-left: 2px
}

.nav-pills .nav-link {
    display: block;
    padding: .715rem 1.429rem;
    border-radius: .215rem
}

.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover,
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {
    cursor: default;
    color: #fff;
    background-color: #62a8ea
}

.nav-stacked .nav-item {
    display: block;
    float: none
}

.nav-stacked .nav-item+.nav-item {
    margin-top: 2px;
    margin-left: 0
}

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

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

.navbar {
    position: relative;
    padding: 1.5715rem .9375rem
}

.navbar::after {
    display: table;
    clear: both;
    content: ''
}

@media (min-width: 480px) {
    .navbar {
        border-radius: .215rem
    }
}

.navbar-full {
    z-index: 1200
}

@media (min-width: 480px) {
    .navbar-full {
        border-radius: 0
    }
}

.navbar-fixed-bottom,
.navbar-fixed-top {
    position: fixed;
    z-index: 1500;
    right: 0;
    left: 0
}

@media (min-width: 480px) {

    .navbar-fixed-bottom,
    .navbar-fixed-top {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0
}

.navbar-fixed-bottom {
    bottom: 0
}

.navbar-brand {
    font-size: 1.286rem;
    float: left;
    margin-right: 1rem;
    padding-top: 4px;
    padding-bottom: 4px
}

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

.navbar-brand>img {
    display: block
}

.navbar-toggler {
    font-size: 1.286rem;
    line-height: 1;
    width: 2.5em;
    height: 2em;
    padding: .5rem .75rem;
    border: 1px solid transparent;
    border-radius: .215rem;
    background: transparent no-repeat center center;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px
}

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

.navbar-nav .nav-item {
    float: left
}

.navbar-nav .nav-link {
    display: block;
    padding-top: .425rem;
    padding-bottom: .425rem
}

.navbar-nav .nav-link+.nav-link,
.navbar-nav .nav-item+.nav-item {
    margin-left: 1rem
}

.card {
    position: relative;
    display: block;
    border-radius: .215rem;
    background-color: #fff;
    margin-bottom: 2.143rem
}

.card-block {
    padding: 1.429rem
}

.card-block::after {
    display: table;
    clear: both;
    content: ''
}

.card-title {
    margin-bottom: .858rem;
    margin-top: 0
}

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

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

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

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

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

.card-header {
    margin-bottom: 0;
    padding: .858rem 1.429rem;
    border-bottom: 1px solid #e4eaec;
    background-color: #f3f7f9
}

.card-header::after {
    display: table;
    clear: both;
    content: ''
}

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

.card-footer {
    padding: .858rem 1.429rem;
    border-top: 1px solid #e4eaec;
    background-color: #f3f7f9
}

.card-footer::after {
    display: table;
    clear: both;
    content: ''
}

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

.card-img {
    border-radius: -webkit-calc(.215rem - 1px);
    border-radius: calc(.215rem - 1px);
    border-radius: 0
}

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

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

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

.breadcrumb {
    margin-bottom: 1rem;
    padding: .75rem 1rem;
    list-style: none;
    border-radius: .215rem;
    background-color: transparent;
    margin-bottom: 10px
}

.breadcrumb::after {
    display: table;
    clear: both;
    content: ''
}

.breadcrumb-item {
    float: left
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    content: '/';
    color: #ccd5db;
    padding: 0 5px
}

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

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

.breadcrumb-item.active {
    color: #76838f
}

.pagination {
    display: inline-block;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 0;
    border-radius: .215rem
}

.page-item {
    display: inline
}

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

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

.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover {
    z-index: 2;
    cursor: default;
    color: #fff;
    border-color: #62a8ea;
    background-color: #62a8ea
}

.page-item.disabled .page-link,
.page-item.disabled .page-link:focus,
.page-item.disabled .page-link:hover {
    cursor: not-allowed;
    pointer-events: none;
    color: #ccd5db;
    border-color: #e4eaec;
    background-color: transparent
}

.page-link {
    position: relative;
    float: left;
    margin-left: -1px;
    padding: .643rem 1.072rem;
    text-decoration: none;
    color: #76838f;
    border: 1px solid #e4eaec;
    background-color: transparent;
    -webkit-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
    -o-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
    transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out
}

.page-link:focus,
.page-link:hover {
    color: #89bceb;
    border-color: #e4eaec;
    background-color: #f3f7f9;
    -webkit-transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
    -o-transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
    transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
    text-decoration: none
}

.pagination-lg .page-link {
    font-size: 1.286rem;
    padding: .715rem 1.215rem
}

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

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

.pagination-sm .page-link {
    font-size: .858rem;
    padding: .429rem .786rem
}

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

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

.tag {
    font-weight: 400;
    line-height: 1;
    display: inline-block;
    padding: .25em .6em;
    text-align: center;
    vertical-align: baseline;
    color: #fff;
    border-radius: .215rem
}

.tag:empty {
    display: none
}

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

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

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

.tag-default {
    background-color: #e4eaec;
    color: #76838f
}

.tag-default[href]:focus,
.tag-default[href]:hover {
    background-color: #c6d3d7;
    background-color: #f3f7f9
}

.tag-primary {
    background-color: #62a8ea
}

.tag-primary[href]:focus,
.tag-primary[href]:hover {
    background-color: #358fe4;
    background-color: #89bceb
}

.tag-success {
    background-color: #46be8a
}

.tag-success[href]:focus,
.tag-success[href]:hover {
    background-color: #369b6f;
    background-color: #5cd29d
}

.tag-info {
    background-color: #57c7d4
}

.tag-info[href]:focus,
.tag-info[href]:hover {
    background-color: #33b6c5;
    background-color: #77d6e1
}

.tag-warning {
    background-color: #f2a654
}

.tag-warning[href]:focus,
.tag-warning[href]:hover {
    background-color: #ee8d25;
    background-color: #f4b066
}

.tag-danger {
    background-color: #f96868
}

.tag-danger[href]:focus,
.tag-danger[href]:hover {
    background-color: #f73737;
    background-color: #fa7a7a
}

.alert {
    margin-bottom: 1rem;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: .215rem;
    padding-right: 20px;
    padding-left: 20px
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 30px;
    padding-right: 40px
}

.alert-dismissible .close {
    position: relative;
    top: -.125rem;
    right: -15px;
    color: inherit;
    top: 0;
    text-decoration: none;
    opacity: .6
}

.alert-success {
    color: #46be8a;
    border-color: #e7faf2;
    background-color: rgba(231, 250, 242, .8)
}

.alert-success .close {
    color: #46be8a
}

.alert-success .close:focus,
.alert-success .close:hover {
    color: #46be8a
}

.alert-info {
    color: #57c7d4;
    border-color: #ecf9fa;
    background-color: rgba(236, 249, 250, .8)
}

.alert-info .close {
    color: #57c7d4
}

.alert-info .close:focus,
.alert-info .close:hover {
    color: #57c7d4
}

.alert-warning {
    color: #f2a654;
    border-color: #fff3e6;
    background-color: rgba(255, 243, 230, .8)
}

.alert-warning .close {
    color: #f2a654
}

.alert-warning .close:focus,
.alert-warning .close:hover {
    color: #f2a654
}

.alert-danger {
    color: #f96868;
    border-color: #ffeaea;
    background-color: rgba(255, 234, 234, .8)
}

.alert-danger .close {
    color: #f96868
}

.alert-danger .close:focus,
.alert-danger .close:hover {
    color: #f96868
}

.media,
.media-body {
    overflow: hidden
}

.media-body {
    width: 10000px
}

.media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-object {
    display: block;
    width: 120px
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right {
    padding-left: 20px
}

.media-left {
    padding-right: 20px
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

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

.list-group {
    margin-bottom: 0;
    padding-left: 0;
    margin-bottom: 20px
}

.list-group-item {
    position: relative;
    display: block;
    margin-bottom: -1px;
    padding: .75rem 1.25rem;
    border: 1px solid transparent;
    background-color: #fff
}

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

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

.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
    cursor: not-allowed;
    color: #ccd5db;
    background-color: transparent
}

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

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text {
    color: #ccd5db
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    z-index: 2;
    text-decoration: none;
    color: #62a8ea;
    border-color: transparent;
    background-color: transparent
}

.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,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>small {
    color: inherit
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
    color: #fff
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    line-height: 1.3;
    margin-bottom: 0
}

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

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

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

.modal-open {
    overflow: hidden
}

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

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

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

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

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

.modal-content {
    position: relative;
    border: 1px solid transparent;
    border-radius: .286rem;
    outline: 0;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
    border: none
}

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

.modal-backdrop.fade {
    opacity: 0
}

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

.modal-header {
    padding: 15px 20px;
    border-bottom: 1px solid #e4eaec;
    border-bottom: none
}

.modal-header::after {
    display: table;
    clear: both;
    content: ''
}

.modal-header .close {
    margin-top: -2px;
    margin-top: 1px
}

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

.modal-body {
    position: relative;
    padding: 20px
}

.modal-footer {
    padding: 20px;
    text-align: right;
    border-top: 1px solid #e4eaec;
    padding: 6px 20px 20px;
    border-top: none
}

.modal-footer::after {
    display: table;
    clear: both;
    content: ''
}

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

@media (min-width: 480px) {
    .modal-dialog {
        max-width: 600px;
        margin: 30px auto;
        margin: 30px
    }

    .modal-content {
        -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
        box-shadow: 0 2px 12px rgba(0, 0, 0, .2)
    }

    .modal-sm {
        max-width: 300px
    }
}

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

.tooltip {
    font-family: Roboto, sans-serif;
    font-size: .858rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.571429;
    position: absolute;
    z-index: 1900;
    display: block;
    text-align: left;
    text-align: start;
    white-space: normal;
    text-decoration: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    word-wrap: break-word;
    word-break: normal;
    opacity: 0;
    text-shadow: none;
    line-break: auto
}

.tooltip.in {
    opacity: .9
}

.tooltip.bs-tether-element-attached-bottom,
.tooltip.bs-tooltip-top {
    margin-top: -3px;
    padding: 4px 0
}

.tooltip.bs-tether-element-attached-bottom .arrow,
.tooltip.bs-tooltip-top .arrow {
    bottom: 0;
    left: 50%;
    margin-left: -4px;
    border-width: 4px 4px 0;
    border-top-color: rgba(0, 0, 0, .8)
}

.tooltip.bs-tether-element-attached-left,
.tooltip.bs-tooltip-right {
    margin-left: 3px;
    padding: 0 4px
}

.tooltip.bs-tether-element-attached-left .arrow,
.tooltip.bs-tooltip-right .arrow {
    top: 50%;
    left: 0;
    margin-top: -4px;
    border-width: 4px 4px 4px 0;
    border-right-color: rgba(0, 0, 0, .8)
}

.tooltip.bs-tether-element-attached-top,
.tooltip.bs-tooltip-bottom {
    margin-top: 3px;
    padding: 4px 0
}

.tooltip.bs-tether-element-attached-top .arrow,
.tooltip.bs-tooltip-bottom .arrow {
    top: 0;
    left: 50%;
    margin-left: -4px;
    border-width: 0 4px 4px;
    border-bottom-color: rgba(0, 0, 0, .8)
}

.tooltip.bs-tether-element-attached-right,
.tooltip.bs-tooltip-left {
    margin-left: -3px;
    padding: 0 4px
}

.tooltip.bs-tether-element-attached-right .arrow,
.tooltip.bs-tooltip-left .arrow {
    top: 50%;
    right: 0;
    margin-top: -4px;
    border-width: 4px 0 4px 4px;
    border-left-color: rgba(0, 0, 0, .8)
}

.tooltip-inner {
    max-width: 200px;
    padding: 6px 12px;
    text-align: center;
    color: #fff;
    border-radius: .215rem;
    background-color: rgba(0, 0, 0, .8)
}

.tooltip .arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent
}

/*/|*|#|文|件|名|称|：|b|a|s|i|c|.|c|s|s| |#|米|拓|企|业|建|站|系|统| |m|e|t|i|n|f|o|_|7|_|6| |#|C|o|p|y|r|i|g|h|t| |(|C|)| |长|沙|米|拓|信|息|技|术|有|限|公|司| |(|h|t|t|p|s|:|/|/|w|w|w|.|m|e|t|i|n|f|o|.|c|n|)|.| |A|l|l| |r|i|g|h|t|s| |r|e|s|e|r|v|e|d|.|*|/*/
.popover {
    font-family: Roboto, sans-serif;
    font-size: .858rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.571429;
    position: absolute;
    z-index: 1800;
    top: 0;
    left: 0;
    display: block;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    text-align: start;
    white-space: normal;
    text-decoration: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    word-wrap: break-word;
    word-break: normal;
    border: 1px solid rgba(204, 213, 219, .8);
    border-radius: .286rem;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    text-shadow: none;
    line-break: auto;
    padding: 0;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .05)
}

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

.popover.bs-tether-element-attached-bottom .popover-arrow,
.popover.bs-popover-top .popover-arrow {
    bottom: -9px;
    left: 50%;
    margin-left: -9px;
    border-top-color: rgba(204, 213, 219, .85);
    border-bottom-width: 0
}

.popover.bs-tether-element-attached-bottom .popover-arrow::after,
.popover.bs-popover-top .popover-arrow::after {
    bottom: 1px;
    margin-left: -8px;
    content: '';
    border-top-color: #fff;
    border-bottom-width: 0
}

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

.popover.bs-tether-element-attached-left .popover-arrow,
.popover.bs-popover-right .popover-arrow {
    top: 50%;
    left: -9px;
    margin-top: -9px;
    border-right-color: rgba(204, 213, 219, .85);
    border-left-width: 0
}

.popover.bs-tether-element-attached-left .popover-arrow::after,
.popover.bs-popover-right .popover-arrow::after {
    bottom: -8px;
    left: 1px;
    content: '';
    border-right-color: #fff;
    border-left-width: 0
}

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

.popover.bs-tether-element-attached-top .popover-arrow,
.popover.bs-popover-bottom .popover-arrow {
    top: -9px;
    left: 50%;
    margin-left: -9px;
    border-top-width: 0;
    border-bottom-color: rgba(204, 213, 219, .85)
}

.popover.bs-tether-element-attached-top .popover-arrow::after,
.popover.bs-popover-bottom .popover-arrow::after {
    top: 1px;
    margin-left: -8px;
    content: '';
    border-top-width: 0;
    border-bottom-color: #fff
}

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

.popover.bs-tether-element-attached-right .popover-arrow,
.popover.bs-popover-left .popover-arrow {
    top: 50%;
    right: -9px;
    margin-top: -9px;
    border-right-width: 0;
    border-left-color: rgba(204, 213, 219, .85)
}

.popover.bs-tether-element-attached-right .popover-arrow::after,
.popover.bs-popover-left .popover-arrow::after {
    right: 1px;
    bottom: -8px;
    content: '';
    border-right-width: 0;
    border-left-color: #fff
}

.popover-title {
    font-size: 1rem;
    margin: 0;
    padding: 8px 14px;
    border-bottom: 1px solid #e2ecf1;
    border-radius: .214571rem .214571rem 0 0;
    background-color: #f3f7f9
}

.popover-title:empty {
    display: none
}

.popover-content {
    padding: 20px 20px
}

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

.popover-arrow {
    border-width: 9px
}

.popover-arrow::after {
    content: '';
    border-width: 8px
}

.carousel {
    position: relative
}

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

.carousel-inner>.carousel-item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-inner>.carousel-item>a>img,
.carousel-inner>.carousel-item>img {
    line-height: 1
}

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

    .carousel-inner>.carousel-item.active.right,
    .carousel-inner>.carousel-item.next {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .carousel-inner>.carousel-item.active.left,
    .carousel-inner>.carousel-item.prev {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    .carousel-inner>.carousel-item.active,
    .carousel-inner>.carousel-item.next.left,
    .carousel-inner>.carousel-item.prev.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    font-size: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    text-align: center;
    opacity: 0;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    min-width: 50px
}

.carousel-control.left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

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

.carousel-control .icon-next,
.carousel-control .icon-prev {
    font-family: serif;
    line-height: 1;
    position: absolute;
    z-index: 5;
    top: 50%;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -10px
}

.carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px
}

.carousel-control .icon-next {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-prev::before {
    content: '\2039'
}

.carousel-control .icon-next::before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    z-index: 15;
    bottom: 10px;
    left: 50%;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
    margin-bottom: 0
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    cursor: pointer;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    background-color: transparent;
    margin: 3px;
    border: none;
    background-color: rgba(255, 255, 255, .3)
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff;
    width: 10px;
    height: 10px;
    margin: 3px
}

.carousel-caption {
    position: absolute;
    z-index: 10;
    right: 15%;
    bottom: 20px;
    left: 15%;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-caption .btn {
    text-shadow: none
}

@media (min-width: 480px) {

    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        font-size: 30px;
        width: 30px;
        height: 30px;
        margin-top: -15px
    }

    .carousel-control .icon-prev {
        margin-left: -15px
    }

    .carousel-control .icon-next {
        margin-right: -15px
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.bg-faded {
    background-color: #f3f7f9
}

.bg-primary {
    color: #fff !important;
    background-color: #62a8ea !important
}

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

.bg-success {
    color: #fff !important;
    background-color: #46be8a !important
}

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

.bg-info {
    color: #fff !important;
    background-color: #57c7d4 !important
}

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

.bg-warning {
    color: #fff !important;
    background-color: #f2a654 !important
}

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

.bg-danger {
    color: #fff !important;
    background-color: #f96868 !important
}

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

.bg-inverse {
    color: #fff !important;
    background-color: #76838f !important
}

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

.clearfix::after {
    display: table;
    clear: both;
    content: ''
}

.d-block {
    display: block !important
}

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

.d-inline {
    display: inline !important
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-xs-left {
    float: left !important
}

.pull-xs-right {
    float: right !important
}

.pull-xs-none {
    float: none !important
}

@media (min-width: 480px) {
    .pull-sm-left {
        float: left !important
    }

    .pull-sm-right {
        float: right !important
    }

    .pull-sm-none {
        float: none !important
    }
}

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

    .pull-md-right {
        float: right !important
    }

    .pull-md-none {
        float: none !important
    }
}

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

    .pull-lg-right {
        float: right !important
    }

    .pull-lg-none {
        float: none !important
    }
}

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

    .pull-xl-right {
        float: right !important
    }

    .pull-xl-none {
        float: none !important
    }
}

@media (min-width: 1600px) {
    .pull-xxl-left {
        float: left !important
    }

    .pull-xxl-right {
        float: right !important
    }

    .pull-xxl-none {
        float: none !important
    }
}

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

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

.w-100 {
    width: 100% !important
}

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

.m-a-0 {
    margin: 0 0 !important
}

.m-t-0 {
    margin-top: 0 !important
}

.m-r-0 {
    margin-right: 0 !important
}

.m-b-0 {
    margin-bottom: 0 !important
}

.m-l-0 {
    margin-left: 0 !important
}

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

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

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

.m-t-1 {
    margin-top: 1rem !important
}

.m-r-1 {
    margin-right: 1rem !important
}

.m-b-1 {
    margin-bottom: 1rem !important
}

.m-l-1 {
    margin-left: 1rem !important
}

.m-x-1 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.m-y-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.m-a-2 {
    margin: 1.5rem 1.5rem !important
}

.m-t-2 {
    margin-top: 1.5rem !important
}

.m-r-2 {
    margin-right: 1.5rem !important
}

.m-b-2 {
    margin-bottom: 1.5rem !important
}

.m-l-2 {
    margin-left: 1.5rem !important
}

.m-x-2 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.m-y-2 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

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

.m-t-3 {
    margin-top: 3rem !important
}

.m-r-3 {
    margin-right: 3rem !important
}

.m-b-3 {
    margin-bottom: 3rem !important
}

.m-l-3 {
    margin-left: 3rem !important
}

.m-x-3 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.m-y-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

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

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

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

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

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

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

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

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

.p-t-1 {
    padding-top: 1rem !important
}

.p-r-1 {
    padding-right: 1rem !important
}

.p-b-1 {
    padding-bottom: 1rem !important
}

.p-l-1 {
    padding-left: 1rem !important
}

.p-x-1 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.p-y-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.p-a-2 {
    padding: 1.5rem 1.5rem !important
}

.p-t-2 {
    padding-top: 1.5rem !important
}

.p-r-2 {
    padding-right: 1.5rem !important
}

.p-b-2 {
    padding-bottom: 1.5rem !important
}

.p-l-2 {
    padding-left: 1.5rem !important
}

.p-x-2 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.p-y-2 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

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

.p-t-3 {
    padding-top: 3rem !important
}

.p-r-3 {
    padding-right: 3rem !important
}

.p-b-3 {
    padding-bottom: 3rem !important
}

.p-l-3 {
    padding-left: 3rem !important
}

.p-x-3 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.p-y-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pos-f-t {
    position: fixed;
    z-index: 1500;
    top: 0;
    right: 0;
    left: 0
}

.text-justify {
    text-align: justify !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.text-xs-left {
    text-align: left !important
}

.text-xs-right {
    text-align: right !important
}

.text-xs-center {
    text-align: center !important
}

@media (min-width: 480px) {
    .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
    }
}

@media (min-width: 1600px) {
    .text-xxl-left {
        text-align: left !important
    }

    .text-xxl-right {
        text-align: right !important
    }

    .text-xxl-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-muted {
    color: #a3afb7 !important
}

a.text-muted:focus,
a.text-muted:hover {
    color: #8696a1 !important
}

.text-primary {
    color: #62a8ea !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #358fe4 !important
}

.text-success {
    color: #46be8a !important
}

a.text-success:focus,
a.text-success:hover {
    color: #369b6f !important
}

.text-info {
    color: #57c7d4 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #33b6c5 !important
}

.text-warning {
    color: #f2a654 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ee8d25 !important
}

.text-danger {
    color: #f96868 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #f73737 !important
}

.text-gray-dark {
    color: #76838f !important
}

a.text-gray-dark:focus,
a.text-gray-dark:hover {
    color: #5e6974 !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    border: 0;
    background-color: transparent;
    text-shadow: none
}

.invisible {
    visibility: hidden !important
}

.hidden-xs-up {
    display: none !important
}

@media (max-width: 479px) {
    .hidden-xs-down {
        display: none !important
    }
}

@media (min-width: 480px) {
    .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
    }
}

@media (max-width: 1599px) {
    .hidden-xl-down {
        display: none !important
    }
}

@media (min-width: 1600px) {
    .hidden-xxl-up {
        display: none !important
    }
}

.hidden-xxl-down {
    display: none !important
}

.h1 .icon:first-child,
.h2 .icon:first-child,
.h3 .icon:first-child,
.h4 .icon:first-child,
.h5 .icon:first-child,
.h6 .icon:first-child,
h1 .icon:first-child,
h2 .icon:first-child,
h3 .icon:first-child,
h4 .icon:first-child,
h5 .icon:first-child,
h6 .icon:first-child {
    margin-right: .5em
}

.list-icons {
    margin-left: 0;
    padding-left: 10px;
    list-style: none
}

.list-icons>li {
    margin-top: 6px
}

.list-icons>li:first-child {
    margin-top: 0
}

.list-icons>li i {
    float: left;
    width: 1em;
    margin: 0 6px 0 0
}

.img-bordered {
    padding: 3px;
    border: 1px solid #e4eaec
}

.img-bordered-primary {
    border-color: #62a8ea !important
}

.img-bordered-purple {
    border-color: #7c51d1 !important
}

.img-bordered-red {
    border-color: #e9595b !important
}

.img-bordered-green {
    border-color: #7dd3ae !important
}

.img-bordered-orange {
    border-color: #ec9940 !important
}

.row.no-space {
    margin-right: 0;
    margin-left: 0
}

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

.table tfoot th,
.table thead th {
    color: #526069;
    border-bottom-width: 1px
}

.table tbody+tbody {
    border-top-width: 1px
}

.table a {
    text-decoration: underline
}

.table td>.checkbox-custom:only-child,
.table th>.checkbox-custom:only-child {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

select.form-control {
    padding-right: 30px;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAFCAYAAABB9hwOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiNWZkMzNlMC0zNTcxLTI4NDgtYjA3NC01ZTRhN2RjMWVmNjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTUxRUI3MDdEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTUxRUI3MDZEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZWNiNjQzMjYtNDc1Yi01OTQxLWIxYjItNDVkZjU5YjZlODA2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6N2RlYzI2YWMtZGI5OC0xMWU1LWIwMjgtY2ZhNDhhOGNjNWY1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AXTIGgAAAFRJREFUeNpidI1KSWFgYDBlwASngXjOrqWzGcgBTEC8DIjfo4m/h4qTDUAGfwPi+UD8Hyr2H8r/RqnBIHATiPdC2XuhfIoACxJ7PRDzQmmKAUCAAQDxOxHyb4DjOAAAAABJRU5ErkJggg==) no-repeat center right
}

select[multiple].form-control {
    padding-right: .929rem;
    background: #fff
}

select[multiple],
select[size],
textarea.form-control {
    height: auto
}

.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]),
.form-group .form-control-label {
    padding: .429rem 0
}

.form-group .form-control-label-lg {
    font-size: 1.286rem;
    padding: .858rem 0
}

.form-group .form-control-label-sm {
    font-size: .858rem;
    padding: .429rem 0
}

.form-group.has-feedback.no-label .form-control-feedback {
    top: 0
}

.form-group.has-feedback.left-feedback .form-control-feedback {
    right: auto;
    left: 0
}

.form-group.has-feedback.left-feedback .form-control {
    padding-right: 13px;
    padding-left: 50px
}

.form-control.square {
    border-radius: 0
}

.form-control.round {
    border-radius: 200px
}

textarea.form-control.no-resize {
    resize: none
}

.input-group-file input[type=text] {
    background-color: #fff
}

.input-group-file .btn-file {
    line-height: inherit;
    position: relative;
    overflow: hidden
}

.input-group-file .btn-file.btn-outline {
    border: 1px solid #e4eaec;
    border-left: none
}

.input-group-file .btn-file.btn-outline:hover {
    border-left: none
}

.input-group-file .btn-file .icon {
    line-height: inherit;
    margin: 0 3px
}

.input-group-file .btn-file input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    min-width: 100%;
    min-height: 100%;
    cursor: pointer;
    text-align: 0;
    opacity: 0
}

.text-help {
    display: block;
    margin-top: 7px;
    margin-bottom: 8px;
    color: #bcc2c8
}

.text-help .icon {
    margin: 0 5px
}

.input-search-close {
    opacity: .2;
    color: #000;
    text-shadow: none
}

.input-search-close.icon {
    font-size: inherit;
    line-height: inherit
}

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

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

.input-search {
    position: relative
}

.input-search .form-control {
    border-radius: 200px
}

.input-search .input-search-close,
.input-search .input-search-icon {
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 2.573rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.input-search .input-search-close {
    right: 8px
}

.input-search .input-search-icon+.form-control {
    padding-left: 3.073rem
}

.input-search .input-search-icon {
    font-size: 16px;
    left: 8px;
    text-align: center;
    pointer-events: none;
    color: #a3afb7
}

.input-search-btn+.form-control {
    padding-right: 50px
}

.input-search-btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 0 10px;
    border: none;
    border-radius: 0 200px 200px 0;
    background: 0 0
}

.input-search-btn .icon {
    margin: 0 3px
}

.input-search-dark .input-search-icon {
    color: #76838f
}

.input-search-dark .form-control {
    background: #f3f7f9;
    -webkit-box-shadow: none;
    box-shadow: none
}

.input-search-dark .form-control:focus {
    background-color: #fff
}

.form-inline .form-group {
    margin-right: 20px
}

.form-inline .form-group:last-child {
    margin-right: 0
}

.form-inline .form-control-label {
    margin-right: 5px
}

@media (max-width: 767px) {
    .form-inline .form-group {
        margin-right: 0
    }
}

.form-horizontal .form-control-label {
    font-size: 1rem;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-control-label {
        margin-bottom: 0;
        padding-top: 7px;
        text-align: right
    }

    .form-horizontal .form-control-lg,
    .form-horizontal .input-group-lg>.form-control,
    .form-horizontal .input-group-lg>.input-group-addon,
    .form-horizontal .input-group-lg>.input-group-btn>.btn {
        font-size: 18px;
        padding-top: 11px
    }

    .form-horizontal .form-control-sm,
    .form-horizontal .input-group-sm>.form-control,
    .form-horizontal .input-group-sm>.input-group-addon,
    .form-horizontal .input-group-sm>.input-group-btn>.btn {
        font-size: 12px;
        padding-top: 7px
    }
}

input::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.btn {
    -webkit-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
    -o-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
    transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
    -webkit-font-smoothing: subpixel-antialiased
}

.btn .icon {
    line-height: inherit;
    width: 1em;
    margin: -1px 3px 0;
    text-align: center
}

.btn-outline.btn-default {
    color: #76838f;
    background-color: transparent
}

.btn-outline.btn-default.active,
.btn-outline.btn-default:active,
.btn-outline.btn-default:focus,
.btn-outline.btn-default:hover,
.open>.btn-outline.btn-default.dropdown-toggle {
    color: #76838f;
    border-color: #e4eaec;
    background-color: rgba(118, 131, 143, .1)
}

.btn-outline.btn-default.active .tag-pill,
.btn-outline.btn-default:active .tag-pill,
.btn-outline.btn-default:focus .tag-pill,
.btn-outline.btn-default:hover .tag-pill,
.open>.btn-outline.btn-default.dropdown-toggle .tag-pill {
    color: #76838f;
    background-color: #76838f
}

.btn-outline.btn-default.btn-up:before,
.btn-outline.btn-default.btn-up:focus:before,
.btn-outline.btn-default.btn-up:hover:before {
    border-bottom-color: rgba(118, 131, 143, .1)
}

.btn-outline.btn-default.btn-up.active:before,
.btn-outline.btn-default.btn-up:active:before,
.open>.btn-outline.btn-default.btn-up.dropdown-toggle:before {
    border-bottom-color: #ccd5db
}

.btn-outline.btn-default.btn-right:before,
.btn-outline.btn-default.btn-right:focus:before,
.btn-outline.btn-default.btn-right:hover:before {
    border-left-color: rgba(118, 131, 143, .1)
}

.btn-outline.btn-default.btn-right.active:before,
.btn-outline.btn-default.btn-right:active:before,
.open>.btn-outline.btn-default.btn-right.dropdown-toggle:before {
    border-left-color: #ccd5db
}

.btn-outline.btn-default.btn-bottom:before,
.btn-outline.btn-default.btn-bottom:focus:before,
.btn-outline.btn-default.btn-bottom:hover:before {
    border-top-color: rgba(118, 131, 143, .1)
}

.btn-outline.btn-default.btn-bottom.active:before,
.btn-outline.btn-default.btn-bottom:active:before,
.open>.btn-outline.btn-default.btn-bottom.dropdown-toggle:before {
    border-top-color: #ccd5db
}

.btn-outline.btn-default.btn-left:before,
.btn-outline.btn-default.btn-left:focus:before,
.btn-outline.btn-default.btn-left:hover:before {
    border-right-color: rgba(118, 131, 143, .1)
}

.btn-outline.btn-default.btn-left.active:before,
.btn-outline.btn-default.btn-left:active:before,
.open>.btn-outline.btn-default.btn-left.dropdown-toggle:before {
    border-right-color: #ccd5db
}

.btn-outline.btn-primary {
    color: #62a8ea;
    background-color: transparent;
    border-color: #62a8ea
}

.btn-outline.btn-primary.active,
.btn-outline.btn-primary:active,
.btn-outline.btn-primary:focus,
.btn-outline.btn-primary:hover,
.open>.btn-outline.btn-primary.dropdown-toggle {
    color: #fff;
    border-color: #62a8ea;
    background-color: #62a8ea
}

.btn-outline.btn-primary.active .tag-pill,
.btn-outline.btn-primary:active .tag-pill,
.btn-outline.btn-primary:focus .tag-pill,
.btn-outline.btn-primary:hover .tag-pill,
.open>.btn-outline.btn-primary.dropdown-toggle .tag-pill {
    color: #62a8ea;
    background-color: #fff
}

.btn-outline.btn-primary.btn-up:before,
.btn-outline.btn-primary.btn-up:focus:before,
.btn-outline.btn-primary.btn-up:hover:before {
    border-bottom-color: #62a8ea
}

.btn-outline.btn-primary.btn-up.active:before,
.btn-outline.btn-primary.btn-up:active:before,
.open>.btn-outline.btn-primary.btn-up.dropdown-toggle:before {
    border-bottom-color: #4e97d9
}

.btn-outline.btn-primary.btn-right:before,
.btn-outline.btn-primary.btn-right:focus:before,
.btn-outline.btn-primary.btn-right:hover:before {
    border-left-color: #62a8ea
}

.btn-outline.btn-primary.btn-right.active:before,
.btn-outline.btn-primary.btn-right:active:before,
.open>.btn-outline.btn-primary.btn-right.dropdown-toggle:before {
    border-left-color: #4e97d9
}

.btn-outline.btn-primary.btn-bottom:before,
.btn-outline.btn-primary.btn-bottom:focus:before,
.btn-outline.btn-primary.btn-bottom:hover:before {
    border-top-color: #62a8ea
}

.btn-outline.btn-primary.btn-bottom.active:before,
.btn-outline.btn-primary.btn-bottom:active:before,
.open>.btn-outline.btn-primary.btn-bottom.dropdown-toggle:before {
    border-top-color: #4e97d9
}

.btn-outline.btn-primary.btn-left:before,
.btn-outline.btn-primary.btn-left:focus:before,
.btn-outline.btn-primary.btn-left:hover:before {
    border-right-color: #62a8ea
}

.btn-outline.btn-primary.btn-left.active:before,
.btn-outline.btn-primary.btn-left:active:before,
.open>.btn-outline.btn-primary.btn-left.dropdown-toggle:before {
    border-right-color: #4e97d9
}

.btn-outline.btn-success {
    color: #46be8a;
    background-color: transparent;
    border-color: #46be8a
}

.btn-outline.btn-success.active,
.btn-outline.btn-success:active,
.btn-outline.btn-success:focus,
.btn-outline.btn-success:hover,
.open>.btn-outline.btn-success.dropdown-toggle {
    color: #fff;
    border-color: #46be8a;
    background-color: #46be8a
}

.btn-outline.btn-success.active .tag-pill,
.btn-outline.btn-success:active .tag-pill,
.btn-outline.btn-success:focus .tag-pill,
.btn-outline.btn-success:hover .tag-pill,
.open>.btn-outline.btn-success.dropdown-toggle .tag-pill {
    color: #46be8a;
    background-color: #fff
}

.btn-outline.btn-success.btn-up:before,
.btn-outline.btn-success.btn-up:focus:before,
.btn-outline.btn-success.btn-up:hover:before {
    border-bottom-color: #46be8a
}

.btn-outline.btn-success.btn-up.active:before,
.btn-outline.btn-success.btn-up:active:before,
.open>.btn-outline.btn-success.btn-up.dropdown-toggle:before {
    border-bottom-color: #36ab7a
}

.btn-outline.btn-success.btn-right:before,
.btn-outline.btn-success.btn-right:focus:before,
.btn-outline.btn-success.btn-right:hover:before {
    border-left-color: #46be8a
}

.btn-outline.btn-success.btn-right.active:before,
.btn-outline.btn-success.btn-right:active:before,
.open>.btn-outline.btn-success.btn-right.dropdown-toggle:before {
    border-left-color: #36ab7a
}

.btn-outline.btn-success.btn-bottom:before,
.btn-outline.btn-success.btn-bottom:focus:before,
.btn-outline.btn-success.btn-bottom:hover:before {
    border-top-color: #46be8a
}

.btn-outline.btn-success.btn-bottom.active:before,
.btn-outline.btn-success.btn-bottom:active:before,
.open>.btn-outline.btn-success.btn-bottom.dropdown-toggle:before {
    border-top-color: #36ab7a
}

.btn-outline.btn-success.btn-left:before,
.btn-outline.btn-success.btn-left:focus:before,
.btn-outline.btn-success.btn-left:hover:before {
    border-right-color: #46be8a
}

.btn-outline.btn-success.btn-left.active:before,
.btn-outline.btn-success.btn-left:active:before,
.open>.btn-outline.btn-success.btn-left.dropdown-toggle:before {
    border-right-color: #36ab7a
}

.btn-outline.btn-info {
    color: #57c7d4;
    background-color: transparent;
    border-color: #57c7d4
}

.btn-outline.btn-info.active,
.btn-outline.btn-info:active,
.btn-outline.btn-info:focus,
.btn-outline.btn-info:hover,
.open>.btn-outline.btn-info.dropdown-toggle {
    color: #fff;
    border-color: #57c7d4;
    background-color: #57c7d4
}

.btn-outline.btn-info.active .tag-pill,
.btn-outline.btn-info:active .tag-pill,
.btn-outline.btn-info:focus .tag-pill,
.btn-outline.btn-info:hover .tag-pill,
.open>.btn-outline.btn-info.dropdown-toggle .tag-pill {
    color: #57c7d4;
    background-color: #fff
}

.btn-outline.btn-info.btn-up:before,
.btn-outline.btn-info.btn-up:focus:before,
.btn-outline.btn-info.btn-up:hover:before {
    border-bottom-color: #57c7d4
}

.btn-outline.btn-info.btn-up.active:before,
.btn-outline.btn-info.btn-up:active:before,
.open>.btn-outline.btn-info.btn-up.dropdown-toggle:before {
    border-bottom-color: #47b8c6
}

.btn-outline.btn-info.btn-right:before,
.btn-outline.btn-info.btn-right:focus:before,
.btn-outline.btn-info.btn-right:hover:before {
    border-left-color: #57c7d4
}

.btn-outline.btn-info.btn-right.active:before,
.btn-outline.btn-info.btn-right:active:before,
.open>.btn-outline.btn-info.btn-right.dropdown-toggle:before {
    border-left-color: #47b8c6
}

.btn-outline.btn-info.btn-bottom:before,
.btn-outline.btn-info.btn-bottom:focus:before,
.btn-outline.btn-info.btn-bottom:hover:before {
    border-top-color: #57c7d4
}

.btn-outline.btn-info.btn-bottom.active:before,
.btn-outline.btn-info.btn-bottom:active:before,
.open>.btn-outline.btn-info.btn-bottom.dropdown-toggle:before {
    border-top-color: #47b8c6
}

.btn-outline.btn-info.btn-left:before,
.btn-outline.btn-info.btn-left:focus:before,
.btn-outline.btn-info.btn-left:hover:before {
    border-right-color: #57c7d4
}

.btn-outline.btn-info.btn-left.active:before,
.btn-outline.btn-info.btn-left:active:before,
.open>.btn-outline.btn-info.btn-left.dropdown-toggle:before {
    border-right-color: #47b8c6
}

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

.btn-outline.btn-warning.active,
.btn-outline.btn-warning:active,
.btn-outline.btn-warning:focus,
.btn-outline.btn-warning:hover,
.open>.btn-outline.btn-warning.dropdown-toggle {
    color: #fff;
    border-color: #f2a654;
    background-color: #f2a654
}

.btn-outline.btn-warning.active .tag-pill,
.btn-outline.btn-warning:active .tag-pill,
.btn-outline.btn-warning:focus .tag-pill,
.btn-outline.btn-warning:hover .tag-pill,
.open>.btn-outline.btn-warning.dropdown-toggle .tag-pill {
    color: #f2a654;
    background-color: #fff
}

.btn-outline.btn-warning.btn-up:before,
.btn-outline.btn-warning.btn-up:focus:before,
.btn-outline.btn-warning.btn-up:hover:before {
    border-bottom-color: #f2a654
}

.btn-outline.btn-warning.btn-up.active:before,
.btn-outline.btn-warning.btn-up:active:before,
.open>.btn-outline.btn-warning.btn-up.dropdown-toggle:before {
    border-bottom-color: #ec9940
}

.btn-outline.btn-warning.btn-right:before,
.btn-outline.btn-warning.btn-right:focus:before,
.btn-outline.btn-warning.btn-right:hover:before {
    border-left-color: #f2a654
}

.btn-outline.btn-warning.btn-right.active:before,
.btn-outline.btn-warning.btn-right:active:before,
.open>.btn-outline.btn-warning.btn-right.dropdown-toggle:before {
    border-left-color: #ec9940
}

.btn-outline.btn-warning.btn-bottom:before,
.btn-outline.btn-warning.btn-bottom:focus:before,
.btn-outline.btn-warning.btn-bottom:hover:before {
    border-top-color: #f2a654
}

.btn-outline.btn-warning.btn-bottom.active:before,
.btn-outline.btn-warning.btn-bottom:active:before,
.open>.btn-outline.btn-warning.btn-bottom.dropdown-toggle:before {
    border-top-color: #ec9940
}

.btn-outline.btn-warning.btn-left:before,
.btn-outline.btn-warning.btn-left:focus:before,
.btn-outline.btn-warning.btn-left:hover:before {
    border-right-color: #f2a654
}

.btn-outline.btn-warning.btn-left.active:before,
.btn-outline.btn-warning.btn-left:active:before,
.open>.btn-outline.btn-warning.btn-left.dropdown-toggle:before {
    border-right-color: #ec9940
}

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

.btn-outline.btn-danger.active,
.btn-outline.btn-danger:active,
.btn-outline.btn-danger:focus,
.btn-outline.btn-danger:hover,
.open>.btn-outline.btn-danger.dropdown-toggle {
    color: #fff;
    border-color: #f96868;
    background-color: #f96868
}

.btn-outline.btn-danger.active .tag-pill,
.btn-outline.btn-danger:active .tag-pill,
.btn-outline.btn-danger:focus .tag-pill,
.btn-outline.btn-danger:hover .tag-pill,
.open>.btn-outline.btn-danger.dropdown-toggle .tag-pill {
    color: #f96868;
    background-color: #fff
}

.btn-outline.btn-danger.btn-up:before,
.btn-outline.btn-danger.btn-up:focus:before,
.btn-outline.btn-danger.btn-up:hover:before {
    border-bottom-color: #f96868
}

.btn-outline.btn-danger.btn-up.active:before,
.btn-outline.btn-danger.btn-up:active:before,
.open>.btn-outline.btn-danger.btn-up.dropdown-toggle:before {
    border-bottom-color: #e9595b
}

.btn-outline.btn-danger.btn-right:before,
.btn-outline.btn-danger.btn-right:focus:before,
.btn-outline.btn-danger.btn-right:hover:before {
    border-left-color: #f96868
}

.btn-outline.btn-danger.btn-right.active:before,
.btn-outline.btn-danger.btn-right:active:before,
.open>.btn-outline.btn-danger.btn-right.dropdown-toggle:before {
    border-left-color: #e9595b
}

.btn-outline.btn-danger.btn-bottom:before,
.btn-outline.btn-danger.btn-bottom:focus:before,
.btn-outline.btn-danger.btn-bottom:hover:before {
    border-top-color: #f96868
}

.btn-outline.btn-danger.btn-bottom.active:before,
.btn-outline.btn-danger.btn-bottom:active:before,
.open>.btn-outline.btn-danger.btn-bottom.dropdown-toggle:before {
    border-top-color: #e9595b
}

.btn-outline.btn-danger.btn-left:before,
.btn-outline.btn-danger.btn-left:focus:before,
.btn-outline.btn-danger.btn-left:hover:before {
    border-right-color: #f96868
}

.btn-outline.btn-danger.btn-left.active:before,
.btn-outline.btn-danger.btn-left:active:before,
.open>.btn-outline.btn-danger.btn-left.dropdown-toggle:before {
    border-right-color: #e9595b
}

.btn-outline.btn-dark {
    color: #526069;
    background-color: transparent;
    order-color: #526069
}

.btn-outline.btn-dark.active,
.btn-outline.btn-dark:active,
.btn-outline.btn-dark:focus,
.btn-outline.btn-dark:hover,
.open>.btn-outline.btn-dark.dropdown-toggle {
    color: #fff;
    border-color: #526069;
    background-color: #526069
}

.btn-outline.btn-dark.active .tag-pill,
.btn-outline.btn-dark:active .tag-pill,
.btn-outline.btn-dark:focus .tag-pill,
.btn-outline.btn-dark:hover .tag-pill,
.open>.btn-outline.btn-dark.dropdown-toggle .tag-pill {
    color: #526069;
    background-color: #fff
}

.btn-outline.btn-dark.btn-up:before,
.btn-outline.btn-dark.btn-up:focus:before,
.btn-outline.btn-dark.btn-up:hover:before {
    border-bottom-color: #526069
}

.btn-outline.btn-dark.btn-up.active:before,
.btn-outline.btn-dark.btn-up:active:before,
.open>.btn-outline.btn-dark.btn-up.dropdown-toggle:before {
    border-bottom-color: #37474f
}

.btn-outline.btn-dark.btn-right:before,
.btn-outline.btn-dark.btn-right:focus:before,
.btn-outline.btn-dark.btn-right:hover:before {
    border-left-color: #526069
}

.btn-outline.btn-dark.btn-right.active:before,
.btn-outline.btn-dark.btn-right:active:before,
.open>.btn-outline.btn-dark.btn-right.dropdown-toggle:before {
    border-left-color: #37474f
}

.btn-outline.btn-dark.btn-bottom:before,
.btn-outline.btn-dark.btn-bottom:focus:before,
.btn-outline.btn-dark.btn-bottom:hover:before {
    border-top-color: #526069
}

.btn-outline.btn-dark.btn-bottom.active:before,
.btn-outline.btn-dark.btn-bottom:active:before,
.open>.btn-outline.btn-dark.btn-bottom.dropdown-toggle:before {
    border-top-color: #37474f
}

.btn-outline.btn-dark.btn-left:before,
.btn-outline.btn-dark.btn-left:focus:before,
.btn-outline.btn-dark.btn-left:hover:before {
    border-right-color: #526069
}

.btn-outline.btn-dark.btn-left.active:before,
.btn-outline.btn-dark.btn-left:active:before,
.open>.btn-outline.btn-dark.btn-left.dropdown-toggle:before {
    border-right-color: #37474f
}

.btn-outline.btn-inverse {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

.btn-outline.btn-inverse.active,
.btn-outline.btn-inverse:active,
.btn-outline.btn-inverse:focus,
.btn-outline.btn-inverse:hover,
.open>.btn-outline.btn-inverse.dropdown-toggle {
    color: #76838f;
    border-color: #fff;
    background-color: #fff
}

.btn-outline.btn-inverse.active .tag-pill,
.btn-outline.btn-inverse:active .tag-pill,
.btn-outline.btn-inverse:focus .tag-pill,
.btn-outline.btn-inverse:hover .tag-pill,
.open>.btn-outline.btn-inverse.dropdown-toggle .tag-pill {
    color: #fff;
    background-color: #76838f
}

.btn-outline.btn-inverse.btn-up:before,
.btn-outline.btn-inverse.btn-up:focus:before,
.btn-outline.btn-inverse.btn-up:hover:before {
    border-bottom-color: #fff
}

.btn-outline.btn-inverse.btn-up.active:before,
.btn-outline.btn-inverse.btn-up:active:before,
.open>.btn-outline.btn-inverse.btn-up.dropdown-toggle:before {
    border-bottom-color: #fff
}

.btn-outline.btn-inverse.btn-right:before,
.btn-outline.btn-inverse.btn-right:focus:before,
.btn-outline.btn-inverse.btn-right:hover:before {
    border-left-color: #fff
}

.btn-outline.btn-inverse.btn-right.active:before,
.btn-outline.btn-inverse.btn-right:active:before,
.open>.btn-outline.btn-inverse.btn-right.dropdown-toggle:before {
    border-left-color: #fff
}

.btn-outline.btn-inverse.btn-bottom:before,
.btn-outline.btn-inverse.btn-bottom:focus:before,
.btn-outline.btn-inverse.btn-bottom:hover:before {
    border-top-color: #fff
}

.btn-outline.btn-inverse.btn-bottom.active:before,
.btn-outline.btn-inverse.btn-bottom:active:before,
.open>.btn-outline.btn-inverse.btn-bottom.dropdown-toggle:before {
    border-top-color: #fff
}

.btn-outline.btn-inverse.btn-left:before,
.btn-outline.btn-inverse.btn-left:focus:before,
.btn-outline.btn-inverse.btn-left:hover:before {
    border-right-color: #fff
}

.btn-outline.btn-inverse.btn-left.active:before,
.btn-outline.btn-inverse.btn-left:active:before,
.open>.btn-outline.btn-inverse.btn-left.dropdown-toggle:before {
    border-right-color: #fff
}

.btn-group-xs>.btn,
.btn-xs {
    font-size: .858rem;
    padding: .072rem .358rem;
    border-radius: .143rem
}

.btn-squared {
    border-radius: 0
}

.btn-round {
    border-radius: 1000px
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover {
    color: #fff;
    border-color: #a2caee;
    background-color: #a2caee
}

.btn-primary .tag-pill {
    color: #62a8ea;
    background-color: #fff
}

.btn-primary.btn-up:before {
    border-bottom-color: #62a8ea
}

.btn-primary.btn-up:focus:before,
.btn-primary.btn-up:hover:before {
    border-bottom-color: #89bceb
}

.btn-primary.btn-up.active:before,
.btn-primary.btn-up:active:before,
.open>.btn-primary.btn-up.dropdown-toggle:before {
    border-bottom-color: #4e97d9
}

.btn-primary.btn-right:before {
    border-left-color: #62a8ea
}

.btn-primary.btn-right:focus:before,
.btn-primary.btn-right:hover:before {
    border-left-color: #89bceb
}

.btn-primary.btn-right.active:before,
.btn-primary.btn-right:active:before,
.open>.btn-primary.btn-right.dropdown-toggle:before {
    border-left-color: #4e97d9
}

.btn-primary.btn-bottom:before {
    border-top-color: #62a8ea
}

.btn-primary.btn-bottom:focus:before,
.btn-primary.btn-bottom:hover:before {
    border-top-color: #89bceb
}

.btn-primary.btn-bottom.active:before,
.btn-primary.btn-bottom:active:before,
.open>.btn-primary.btn-bottom.dropdown-toggle:before {
    border-top-color: #4e97d9
}

.btn-primary.btn-left:before {
    border-right-color: #62a8ea
}

.btn-primary.btn-left:focus:before,
.btn-primary.btn-left:hover:before {
    border-right-color: #89bceb
}

.btn-primary.btn-left.active:before,
.btn-primary.btn-left:active:before,
.open>.btn-primary.btn-left.dropdown-toggle:before {
    border-right-color: #4e97d9
}

.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled.focus,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled].active,
.btn-success[disabled].focus,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover {
    color: #fff;
    border-color: #7dd3ae;
    background-color: #7dd3ae
}

.btn-success .tag-pill {
    color: #46be8a;
    background-color: #fff
}

.btn-success.btn-up:before {
    border-bottom-color: #46be8a
}

.btn-success.btn-up:focus:before,
.btn-success.btn-up:hover:before {
    border-bottom-color: #5cd29d
}

.btn-success.btn-up.active:before,
.btn-success.btn-up:active:before,
.open>.btn-success.btn-up.dropdown-toggle:before {
    border-bottom-color: #36ab7a
}

.btn-success.btn-right:before {
    border-left-color: #46be8a
}

.btn-success.btn-right:focus:before,
.btn-success.btn-right:hover:before {
    border-left-color: #5cd29d
}

.btn-success.btn-right.active:before,
.btn-success.btn-right:active:before,
.open>.btn-success.btn-right.dropdown-toggle:before {
    border-left-color: #36ab7a
}

.btn-success.btn-bottom:before {
    border-top-color: #46be8a
}

.btn-success.btn-bottom:focus:before,
.btn-success.btn-bottom:hover:before {
    border-top-color: #5cd29d
}

.btn-success.btn-bottom.active:before,
.btn-success.btn-bottom:active:before,
.open>.btn-success.btn-bottom.dropdown-toggle:before {
    border-top-color: #36ab7a
}

.btn-success.btn-left:before {
    border-right-color: #46be8a
}

.btn-success.btn-left:focus:before,
.btn-success.btn-left:hover:before {
    border-right-color: #5cd29d
}

.btn-success.btn-left.active:before,
.btn-success.btn-left:active:before,
.open>.btn-success.btn-left.dropdown-toggle:before {
    border-right-color: #36ab7a
}

.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled.focus,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled],
.btn-info[disabled].active,
.btn-info[disabled].focus,
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover {
    color: #fff;
    border-color: #9ae1e9;
    background-color: #9ae1e9
}

.btn-info .tag-pill {
    color: #57c7d4;
    background-color: #fff
}

.btn-info.btn-up:before {
    border-bottom-color: #57c7d4
}

.btn-info.btn-up:focus:before,
.btn-info.btn-up:hover:before {
    border-bottom-color: #77d6e1
}

.btn-info.btn-up.active:before,
.btn-info.btn-up:active:before,
.open>.btn-info.btn-up.dropdown-toggle:before {
    border-bottom-color: #47b8c6
}

.btn-info.btn-right:before {
    border-left-color: #57c7d4
}

.btn-info.btn-right:focus:before,
.btn-info.btn-right:hover:before {
    border-left-color: #77d6e1
}

.btn-info.btn-right.active:before,
.btn-info.btn-right:active:before,
.open>.btn-info.btn-right.dropdown-toggle:before {
    border-left-color: #47b8c6
}

.btn-info.btn-bottom:before {
    border-top-color: #57c7d4
}

.btn-info.btn-bottom:focus:before,
.btn-info.btn-bottom:hover:before {
    border-top-color: #77d6e1
}

.btn-info.btn-bottom.active:before,
.btn-info.btn-bottom:active:before,
.open>.btn-info.btn-bottom.dropdown-toggle:before {
    border-top-color: #47b8c6
}

.btn-info.btn-left:before {
    border-right-color: #57c7d4
}

.btn-info.btn-left:focus:before,
.btn-info.btn-left:hover:before {
    border-right-color: #77d6e1
}

.btn-info.btn-left.active:before,
.btn-info.btn-left:active:before,
.open>.btn-info.btn-left.dropdown-toggle:before {
    border-right-color: #47b8c6
}

.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled.focus,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled].active,
.btn-warning[disabled].focus,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover {
    color: #fff;
    border-color: #f6be80;
    background-color: #f6be80
}

.btn-warning .tag-pill {
    color: #f2a654;
    background-color: #fff
}

.btn-warning.btn-up:before {
    border-bottom-color: #f2a654
}

.btn-warning.btn-up:focus:before,
.btn-warning.btn-up:hover:before {
    border-bottom-color: #f4b066
}

.btn-warning.btn-up.active:before,
.btn-warning.btn-up:active:before,
.open>.btn-warning.btn-up.dropdown-toggle:before {
    border-bottom-color: #ec9940
}

.btn-warning.btn-right:before {
    border-left-color: #f2a654
}

.btn-warning.btn-right:focus:before,
.btn-warning.btn-right:hover:before {
    border-left-color: #f4b066
}

.btn-warning.btn-right.active:before,
.btn-warning.btn-right:active:before,
.open>.btn-warning.btn-right.dropdown-toggle:before {
    border-left-color: #ec9940
}

.btn-warning.btn-bottom:before {
    border-top-color: #f2a654
}

.btn-warning.btn-bottom:focus:before,
.btn-warning.btn-bottom:hover:before {
    border-top-color: #f4b066
}

.btn-warning.btn-bottom.active:before,
.btn-warning.btn-bottom:active:before,
.open>.btn-warning.btn-bottom.dropdown-toggle:before {
    border-top-color: #ec9940
}

.btn-warning.btn-left:before {
    border-right-color: #f2a654
}

.btn-warning.btn-left:focus:before,
.btn-warning.btn-left:hover:before {
    border-right-color: #f4b066
}

.btn-warning.btn-left.active:before,
.btn-warning.btn-left:active:before,
.open>.btn-warning.btn-left.dropdown-toggle:before {
    border-right-color: #ec9940
}

.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled.focus,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled].active,
.btn-danger[disabled].focus,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover {
    color: #fff;
    border-color: #fa9898;
    background-color: #fa9898
}

.btn-danger .tag-pill {
    color: #f96868;
    background-color: #fff
}

.btn-danger.btn-up:before {
    border-bottom-color: #f96868
}

.btn-danger.btn-up:focus:before,
.btn-danger.btn-up:hover:before {
    border-bottom-color: #fa7a7a
}

.btn-danger.btn-up.active:before,
.btn-danger.btn-up:active:before,
.open>.btn-danger.btn-up.dropdown-toggle:before {
    border-bottom-color: #e9595b
}

.btn-danger.btn-right:before {
    border-left-color: #f96868
}

.btn-danger.btn-right:focus:before,
.btn-danger.btn-right:hover:before {
    border-left-color: #fa7a7a
}

.btn-danger.btn-right.active:before,
.btn-danger.btn-right:active:before,
.open>.btn-danger.btn-right.dropdown-toggle:before {
    border-left-color: #e9595b
}

.btn-danger.btn-bottom:before {
    border-top-color: #f96868
}

.btn-danger.btn-bottom:focus:before,
.btn-danger.btn-bottom:hover:before {
    border-top-color: #fa7a7a
}

.btn-danger.btn-bottom.active:before,
.btn-danger.btn-bottom:active:before,
.open>.btn-danger.btn-bottom.dropdown-toggle:before {
    border-top-color: #e9595b
}

.btn-danger.btn-left:before {
    border-right-color: #f96868
}

.btn-danger.btn-left:focus:before,
.btn-danger.btn-left:hover:before {
    border-right-color: #fa7a7a
}

.btn-danger.btn-left.active:before,
.btn-danger.btn-left:active:before,
.open>.btn-danger.btn-left.dropdown-toggle:before {
    border-right-color: #e9595b
}

.btn-default {
    color: #76838f;
    border-color: #e4eaec;
    background-color: #e4eaec;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-box-shadow: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: none
}

.btn-default:hover,
.btn-default.focus,
.btn-default:focus {
    color: #76838f;
    border-color: #c0ced3;
    background-color: #c6d3d7
}

.btn-default.active,
.btn-default:active,
.open>.btn-default.dropdown-toggle {
    color: #76838f;
    border-color: #c0ced3;
    background-color: #c6d3d7;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.btn-default.dropdown-toggle.focus,
.open>.btn-default.dropdown-toggle:focus,
.open>.btn-default.dropdown-toggle:hover {
    color: #76838f;
    border-color: #ccd5db;
    background-color: #ccd5db
}

.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default:disabled.focus,
.btn-default:disabled:focus,
.btn-default.disabled:hover,
.btn-default:disabled:hover {
    border-color: #e4eaec;
    background-color: #e4eaec
}

.btn-default.focus,
.btn-default:focus,
.btn-default:hover {
    border-color: #f3f7f9;
    background-color: #f3f7f9
}

.btn-default.active,
.btn-default:active,
.open>.btn-default.dropdown-toggle {
    border-color: #ccd5db;
    background-color: #ccd5db;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover {
    cursor: not-allowed;
    color: #76838f;
    border-color: #f3f7f9;
    background-color: #f3f7f9
}

.btn-default .tag-pill {
    color: #e4eaec;
    background-color: #76838f
}

.btn-default.btn-up:before {
    border-bottom-color: #e4eaec
}

.btn-default.btn-up:focus:before,
.btn-default.btn-up:hover:before {
    border-bottom-color: #f3f7f9
}

.btn-default.btn-up.active:before,
.btn-default.btn-up:active:before,
.open>.btn-default.btn-up.dropdown-toggle:before {
    border-bottom-color: #ccd5db
}

.btn-default.btn-right:before {
    border-left-color: #e4eaec
}

.btn-default.btn-right:focus:before,
.btn-default.btn-right:hover:before {
    border-left-color: #f3f7f9
}

.btn-default.btn-right.active:before,
.btn-default.btn-right:active:before,
.open>.btn-default.btn-right.dropdown-toggle:before {
    border-left-color: #ccd5db
}

.btn-default.btn-bottom:before {
    border-top-color: #e4eaec
}

.btn-default.btn-bottom:focus:before,
.btn-default.btn-bottom:hover:before {
    border-top-color: #f3f7f9
}

.btn-default.btn-bottom.active:before,
.btn-default.btn-bottom:active:before,
.open>.btn-default.btn-bottom.dropdown-toggle:before {
    border-top-color: #ccd5db
}

.btn-default.btn-left:before {
    border-right-color: #e4eaec
}

.btn-default.btn-left:focus:before,
.btn-default.btn-left:hover:before {
    border-right-color: #f3f7f9
}

.btn-default.btn-left.active:before,
.btn-default.btn-left:active:before,
.open>.btn-default.btn-left.dropdown-toggle:before {
    border-right-color: #ccd5db
}

.btn-inverse {
    color: #76838f;
    border-color: #e4eaec;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-box-shadow: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: none
}

.btn-inverse:hover,
.btn-inverse.focus,
.btn-inverse:focus {
    color: #76838f;
    border-color: #c0ced3;
    background-color: #e6e6e6
}

.btn-inverse.active,
.btn-inverse:active,
.open>.btn-inverse.dropdown-toggle {
    color: #76838f;
    border-color: #c0ced3;
    background-color: #e6e6e6;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-inverse.active.focus,
.btn-inverse.active:focus,
.btn-inverse.active:hover,
.btn-inverse:active.focus,
.btn-inverse:active:focus,
.btn-inverse:active:hover,
.open>.btn-inverse.dropdown-toggle.focus,
.open>.btn-inverse.dropdown-toggle:focus,
.open>.btn-inverse.dropdown-toggle:hover {
    color: #76838f;
    border-color: #ccd5db;
    background-color: #fff
}

.btn-inverse.disabled.focus,
.btn-inverse.disabled:focus,
.btn-inverse:disabled.focus,
.btn-inverse:disabled:focus,
.btn-inverse.disabled:hover,
.btn-inverse:disabled:hover {
    border-color: #e4eaec;
    background-color: #fff
}

.btn-inverse.focus,
.btn-inverse:focus,
.btn-inverse:hover {
    border-color: #f3f7f9;
    background-color: #fff
}

.btn-inverse.active,
.btn-inverse:active,
.open>.btn-inverse.dropdown-toggle {
    border-color: #ccd5db;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-inverse.disabled,
.btn-inverse.disabled.active,
.btn-inverse.disabled.focus,
.btn-inverse.disabled:active,
.btn-inverse.disabled:focus,
.btn-inverse.disabled:hover,
.btn-inverse[disabled],
.btn-inverse[disabled].active,
.btn-inverse[disabled].focus,
.btn-inverse[disabled]:active,
.btn-inverse[disabled]:focus,
.btn-inverse[disabled]:hover {
    color: #ccd5db;
    border-color: #a3afb7;
    background-color: #fff
}

.btn-inverse .tag-pill {
    color: #fff;
    background-color: #76838f
}

.btn-inverse.btn-up:before,
.btn-inverse.btn-up:focus:before,
.btn-inverse.btn-up:hover:before,
.btn-inverse.btn-up.active:before,
.btn-inverse.btn-up:active:before,
.open>.btn-inverse.btn-up.dropdown-toggle:before {
    border-bottom-color: #fff
}

.btn-inverse.btn-right:before,
.btn-inverse.btn-right:focus:before,
.btn-inverse.btn-right:hover:before,
.btn-inverse.btn-right.active:before,
.btn-inverse.btn-right:active:before,
.open>.btn-inverse.btn-right.dropdown-toggle:before {
    border-left-color: #fff
}

.btn-inverse.btn-bottom:before,
.btn-inverse.btn-bottom:focus:before,
.btn-inverse.btn-bottom:hover:before,
.btn-inverse.btn-bottom.active:before,
.btn-inverse.btn-bottom:active:before,
.open>.btn-inverse.btn-bottom.dropdown-toggle:before {
    border-top-color: #fff
}

.btn-inverse.btn-left:before,
.btn-inverse.btn-left:focus:before,
.btn-inverse.btn-left:hover:before,
.btn-inverse.btn-left.active:before,
.btn-inverse.btn-left:active:before,
.open>.btn-inverse.btn-left.dropdown-toggle:before {
    border-right-color: #fff
}

.btn-dark {
    color: #fff;
    border-color: #526069;
    background-color: #526069;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-box-shadow: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: none
}

.btn-dark:hover,
.btn-dark.focus,
.btn-dark:focus {
    color: #fff;
    border-color: #374147;
    background-color: #3c464c
}

.btn-dark.active,
.btn-dark:active,
.open>.btn-dark.dropdown-toggle {
    color: #fff;
    border-color: #374147;
    background-color: #3c464c;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-dark.active.focus,
.btn-dark.active:focus,
.btn-dark.active:hover,
.btn-dark:active.focus,
.btn-dark:active:focus,
.btn-dark:active:hover,
.open>.btn-dark.dropdown-toggle.focus,
.open>.btn-dark.dropdown-toggle:focus,
.open>.btn-dark.dropdown-toggle:hover {
    color: #fff;
    border-color: #37474f;
    background-color: #37474f
}

.btn-dark.disabled.focus,
.btn-dark.disabled:focus,
.btn-dark:disabled.focus,
.btn-dark:disabled:focus,
.btn-dark.disabled:hover,
.btn-dark:disabled:hover {
    border-color: #526069;
    background-color: #526069
}

.btn-dark.focus,
.btn-dark:focus,
.btn-dark:hover {
    border-color: #76838f;
    background-color: #76838f
}

.btn-dark.active,
.btn-dark:active,
.open>.btn-dark.dropdown-toggle {
    border-color: #37474f;
    background-color: #37474f;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-dark.disabled,
.btn-dark.disabled.active,
.btn-dark.disabled.focus,
.btn-dark.disabled:active,
.btn-dark.disabled:focus,
.btn-dark.disabled:hover,
.btn-dark[disabled],
.btn-dark[disabled].active,
.btn-dark[disabled].focus,
.btn-dark[disabled]:active,
.btn-dark[disabled]:focus,
.btn-dark[disabled]:hover {
    color: #fff;
    border-color: #a3afb7;
    background-color: #a3afb7
}

.btn-dark .tag-pill {
    color: #526069;
    background-color: #fff
}

.btn-dark.btn-up:before {
    border-bottom-color: #526069
}

.btn-dark.btn-up:focus:before,
.btn-dark.btn-up:hover:before {
    border-bottom-color: #76838f
}

.btn-dark.btn-up.active:before,
.btn-dark.btn-up:active:before,
.open>.btn-dark.btn-up.dropdown-toggle:before {
    border-bottom-color: #37474f
}

.btn-dark.btn-right:before {
    border-left-color: #526069
}

.btn-dark.btn-right:focus:before,
.btn-dark.btn-right:hover:before {
    border-left-color: #76838f
}

.btn-dark.btn-right.active:before,
.btn-dark.btn-right:active:before,
.open>.btn-dark.btn-right.dropdown-toggle:before {
    border-left-color: #37474f
}

.btn-dark.btn-bottom:before {
    border-top-color: #526069
}

.btn-dark.btn-bottom:focus:before,
.btn-dark.btn-bottom:hover:before {
    border-top-color: #76838f
}

.btn-dark.btn-bottom.active:before,
.btn-dark.btn-bottom:active:before,
.open>.btn-dark.btn-bottom.dropdown-toggle:before {
    border-top-color: #37474f
}

.btn-dark.btn-left:before {
    border-right-color: #526069
}

.btn-dark.btn-left:focus:before,
.btn-dark.btn-left:hover:before {
    border-right-color: #76838f
}

.btn-dark.btn-left.active:before,
.btn-dark.btn-left:active:before,
.open>.btn-dark.btn-left.dropdown-toggle:before {
    border-right-color: #37474f
}

.btn-icon,
.btn.icon {
    line-height: 1em;
    padding: .715rem
}

.btn-group-xs>.btn-icon.btn,
.btn-group-xs>.btn.icon,
.btn-icon.btn-xs,
.btn.icon.btn-xs {
    font-size: .858rem;
    padding: .286rem
}

.btn-icon.btn-sm,
.btn.icon.btn-sm {
    font-size: 1rem;
    padding: .572rem
}

.btn-icon.btn-lg,
.btn.icon.btn-lg {
    font-size: 1.429rem;
    padding: .858rem
}

.btn-icon.disabled,
.btn.icon.disabled {
    color: #a3afb7
}

.btn-icon .icon {
    margin: -1px 0 0
}

.btn-floating {
    font-size: 1.715rem;
    width: 4rem;
    height: 4rem;
    margin: 0;
    padding: 0;
    text-align: center;
    border-radius: 100%;
    -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .15);
    box-shadow: 0 6px 10px rgba(0, 0, 0, .15)
}

.btn-floating.btn-xs,
.btn-group-xs>.btn-floating.btn {
    font-size: .929rem;
    width: 2.143rem;
    height: 2.143rem;
    padding: 0
}

.btn-floating.btn-sm {
    font-size: 1.072rem;
    width: 2.858rem;
    height: 2.858rem;
    padding: 0
}

.btn-floating.btn-lg {
    font-size: 2.143rem;
    width: 5rem;
    height: 5rem;
    padding: 0
}

.btn-floating i {
    position: relative;
    top: 0
}

.btn-pill-left {
    border-radius: 500px 0 0 500px
}

.btn-pill-right {
    border-radius: 0 500px 500px 0
}

.btn-direction {
    position: relative
}

.btn-direction:before {
    line-height: 0;
    position: absolute;
    content: '';
    border: 8px solid transparent
}

.btn-up:before {
    top: -16px;
    left: 50%;
    margin-left: -8px;
    border-bottom-color: #e4eaec
}

.btn-right:before {
    top: 50%;
    right: -16px;
    margin-top: -8px;
    border-left-color: #e4eaec
}

.btn-bottom:before {
    bottom: -16px;
    left: 50%;
    margin-left: -8px;
    border-top-color: #e4eaec
}

.btn-left:before {
    top: 50%;
    left: -16px;
    margin-top: -8px;
    border-right-color: #e4eaec
}

.btn-group-xs>.dropdown-toggle.btn:after,
.dropdown-toggle.btn-xs:after {
    margin-left: 0
}

.dropdown-item .icon:first-child {
    width: 1em;
    margin-right: .5em;
    text-align: center
}

.dropdown-menu.dropdown-menu-bullet {
    margin-top: 12px
}

.dropdown-menu.dropdown-menu-bullet:after,
.dropdown-menu.dropdown-menu-bullet:before {
    position: absolute;
    left: 10px;
    display: inline-block;
    width: 0;
    height: 0;
    content: '';
    border: 7px solid transparent;
    border-top-width: 0
}

.dropdown-menu.dropdown-menu-bullet:before {
    top: -7px;
    border-bottom-color: #e4eaec
}

.dropdown-menu.dropdown-menu-bullet:after {
    top: -6px;
    border-bottom-color: #fff
}

.dropdown-menu-right.dropdown-menu-bullet:after,
.dropdown-menu-right.dropdown-menu-bullet:before {
    right: 10px;
    left: auto
}

.dropdown-menu.animate {
    overflow: hidden
}

.dropdown-menu.animate>.dropdown-item {
    -webkit-animation: slide-left .5s both;
    -o-animation: slide-left .5s both;
    animation: slide-left .5s both
}

.dropdown-menu.animate>.dropdown-item:nth-child(1) {
    -webkit-animation: animation-delay(.02s);
    -o-animation: animation-delay(.02s);
    animation: animation-delay(.02s)
}

.dropdown-menu.animate>.dropdown-item:nth-child(2) {
    -webkit-animation: animation-delay(.04s);
    -o-animation: animation-delay(.04s);
    animation: animation-delay(.04s)
}

.dropdown-menu.animate>.dropdown-item:nth-child(3) {
    -webkit-animation: animation-delay(.06s);
    -o-animation: animation-delay(.06s);
    animation: animation-delay(.06s)
}

.dropdown-menu.animate>.dropdown-item:nth-child(4) {
    -webkit-animation: animation-delay(.08s);
    -o-animation: animation-delay(.08s);
    animation: animation-delay(.08s)
}

.dropdown-menu.animate>.dropdown-item:nth-child(5) {
    -webkit-animation: animation-delay(.1s);
    -o-animation: animation-delay(.1s);
    animation: animation-delay(.1s)
}

.dropdown-menu.animate>.dropdown-item:nth-child(6) {
    -webkit-animation: animation-delay(.12s);
    -o-animation: animation-delay(.12s);
    animation: animation-delay(.12s)
}

.dropdown-menu.animate>.dropdown-item:nth-child(7) {
    -webkit-animation: animation-delay(.14s);
    -o-animation: animation-delay(.14s);
    animation: animation-delay(.14s)
}

.dropdown-menu.animate>.dropdown-item:nth-child(8) {
    -webkit-animation: animation-delay(.16s);
    -o-animation: animation-delay(.16s);
    animation: animation-delay(.16s)
}

.dropdown-menu.animate>.dropdown-item:nth-child(9) {
    -webkit-animation: animation-delay(.18s);
    -o-animation: animation-delay(.18s);
    animation: animation-delay(.18s)
}

.dropdown-menu.animate>.dropdown-item:nth-child(10) {
    -webkit-animation: animation-delay(.2s);
    -o-animation: animation-delay(.2s);
    animation: animation-delay(.2s)
}

.dropdown-menu.animate>.dropdown-item.dropdown-divider {
    -webkit-animation-name: none;
    -o-animation-name: none;
    animation-name: none
}

.dropdown-menu.animate.animate-reverse>.dropdown-item:nth-last-child(1) {
    -webkit-animation: animation-delay(.02s);
    -o-animation: animation-delay(.02s);
    animation: animation-delay(.02s)
}

.dropdown-menu.animate.animate-reverse>.dropdown-item:nth-last-child(2) {
    -webkit-animation: animation-delay(.04s);
    -o-animation: animation-delay(.04s);
    animation: animation-delay(.04s)
}

.dropdown-menu.animate.animate-reverse>.dropdown-item:nth-last-child(3) {
    -webkit-animation: animation-delay(.06s);
    -o-animation: animation-delay(.06s);
    animation: animation-delay(.06s)
}

.dropdown-menu.animate.animate-reverse>.dropdown-item:nth-last-child(4) {
    -webkit-animation: animation-delay(.08s);
    -o-animation: animation-delay(.08s);
    animation: animation-delay(.08s)
}

.dropdown-menu.animate.animate-reverse>.dropdown-item:nth-last-child(5) {
    -webkit-animation: animation-delay(.1s);
    -o-animation: animation-delay(.1s);
    animation: animation-delay(.1s)
}

.dropdown-menu.animate.animate-reverse>.dropdown-item:nth-last-child(6) {
    -webkit-animation: animation-delay(.12s);
    -o-animation: animation-delay(.12s);
    animation: animation-delay(.12s)
}

.dropdown-menu.animate.animate-reverse>.dropdown-item:nth-last-child(7) {
    -webkit-animation: animation-delay(.14s);
    -o-animation: animation-delay(.14s);
    animation: animation-delay(.14s)
}

.dropdown-menu.animate.animate-reverse>.dropdown-item:nth-last-child(8) {
    -webkit-animation: animation-delay(.16s);
    -o-animation: animation-delay(.16s);
    animation: animation-delay(.16s)
}

.dropdown-menu.animate.animate-reverse>.dropdown-item:nth-last-child(9) {
    -webkit-animation: animation-delay(.18s);
    -o-animation: animation-delay(.18s);
    animation: animation-delay(.18s)
}

.dropdown-menu.animate.animate-reverse>.dropdown-item:nth-last-child(10) {
    -webkit-animation: animation-delay(.2s);
    -o-animation: animation-delay(.2s);
    animation: animation-delay(.2s)
}

.dropup .dropdown-menu.dropdown-menu-bullet,
.navbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet {
    margin-bottom: 12px
}

.dropup .dropdown-menu.dropdown-menu-bullet:after,
.dropup .dropdown-menu.dropdown-menu-bullet:before,
.navbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet:after,
.navbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet:before {
    top: auto;
    border-top-width: 7px;
    border-bottom-width: 0
}

.dropup .dropdown-menu.dropdown-menu-bullet:before,
.navbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet:before {
    bottom: -7px;
    border-top-color: #e4eaec
}

.dropup .dropdown-menu.dropdown-menu-bullet:after,
.navbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet:after {
    bottom: -6px;
    border-top-color: #fff
}

.dropdown-menu>.dropdown-header {
    font-size: 1rem;
    font-weight: 700;
    padding: 8px 20px 6px;
    cursor: default
}

.dropdown-menu>.dropdown-submenu {
    position: relative
}

.dropdown-menu>.dropdown-submenu>.dropdown-item {
    position: relative
}

.dropdown-menu>.dropdown-submenu>.dropdown-item:after {
    position: absolute;
    right: 10px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-top: 6px;
    content: '';
    vertical-align: middle;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px dashed
}

.dropdown-menu>.dropdown-submenu .dropdown-menu {
    left: 100%;
    margin: 0
}

.dropdown-menu>.dropdown-submenu.dropdown-menu-left .dropdown-menu {
    left: -100%
}

.dropdown-menu>.dropdown-submenu:hover .dropdown-menu {
    display: block
}

.dropdown .dropdown-submenu .dropdown-menu {
    top: 0
}

.dropup .dropdown-submenu .dropdown-menu {
    bottom: 0
}

.dropdown-menu-media {
    width: 360px;
    padding-top: 0;
    padding-bottom: 0
}

.dropdown-menu-media>li {
    margin: 0;
    padding: 0
}

.dropdown-menu-media .dropdown-menu-header {
    position: relative;
    padding: 20px 20px;
    border-bottom: 1px solid #e4eaec;
    background-color: #fff
}

.dropdown-menu-media .dropdown-menu-header>h3,
.dropdown-menu-media .dropdown-menu-header>h4,
.dropdown-menu-media .dropdown-menu-header>h5 {
    margin: 0
}

.dropdown-menu-media .dropdown-menu-header .tag {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dropdown-menu-media .list-group {
    font-size: .858rem;
    max-height: 270px;
    overflow-y: auto;
    margin: 0;
    border-radius: 0
}

.dropdown-menu-media .list-group-item {
    margin: 0;
    padding: 0 20px;
    border: none;
    border-radius: 0 !important
}

.dropdown-menu-media .list-group-item .media {
    padding: 15px 0;
    border-top: 1px solid #e4eaec
}

.dropdown-menu-media .list-group-item:first-child .media {
    border-top: none
}

.dropdown-menu-media>.dropdown-menu-footer {
    border-top: 1px solid #e4eaec;
    background-color: #f3f7f9
}

.dropdown-menu-media>.dropdown-menu-footer>a {
    margin: 0;
    padding: 15px 20px !important;
    color: #a3afb7 !important
}

.dropdown-menu-media>.dropdown-menu-footer>a:hover {
    color: #89bceb !important;
    background-color: transparent !important
}

.dropdown-menu-media>.dropdown-menu-footer>.dropdown-menu-footer-btn {
    float: right
}

.dropdown-menu-media>.dropdown-menu-footer>.dropdown-menu-footer-btn:hover {
    color: #89bceb !important;
    background-color: transparent !important
}

.dropdown-menu-primary .dropdown-iten.active,
.dropdown-menu-primary .dropdown-iten.active:focus,
.dropdown-menu-primary .dropdown-iten.active:hover {
    color: #fff;
    background-color: #62a8ea
}

.dropdown-menu-success .dropdown-iten.active,
.dropdown-menu-success .dropdown-iten.active:focus,
.dropdown-menu-success .dropdown-iten.active:hover {
    color: #fff;
    background-color: #46be8a
}

.dropdown-menu-info .dropdown-iten.active,
.dropdown-menu-info .dropdown-iten.active:focus,
.dropdown-menu-info .dropdown-iten.active:hover {
    color: #fff;
    background-color: #57c7d4
}

.dropdown-menu-warning .dropdown-iten.active,
.dropdown-menu-warning .dropdown-iten.active:focus,
.dropdown-menu-warning .dropdown-iten.active:hover {
    color: #fff;
    background-color: #f2a654
}

.dropdown-menu-danger .dropdown-iten.active,
.dropdown-menu-danger .dropdown-iten.active:focus,
.dropdown-menu-danger .dropdown-iten.active:hover {
    color: #fff;
    background-color: #f96868
}

.dropdown-menu-dark .dropdown-iten.active,
.dropdown-menu-dark .dropdown-iten.active:focus,
.dropdown-menu-dark .dropdown-iten.active:hover {
    color: #fff;
    background-color: #526069
}

.btn-group .btn~.dropdown-toggle {
    margin-left: -1px;
    padding-right: .8em;
    padding-left: .8em
}

.btn-group .btn~.dropdown-toggle:after {
    margin-left: 0
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05)
}

.btn-group:focus .dropdown-toggle {
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s
}

.input-group-addon {
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
    -o-transition: border .25s linear, color .25s linear, background-color .25s linear;
    transition: border .25s linear, color .25s linear, background-color .25s linear
}

.input-group-btn .btn {
    padding: 6px 10px
}

.input-group-btn .btn>.icon {
    line-height: inherit;
    vertical-align: bottom
}

.input-group-lg .input-group-addon,
.input-group-lg .input-group-btn {
    line-height: 1.333333
}

.input-group-sm .input-group-addon,
.input-group-sm .input-group-btn {
    line-height: 1.5
}

.nav-link:focus {
    outline: 0
}

.nav-link .close {
    display: inline-block;
    margin-left: 10px
}

.nav-tabs .nav-link>.icon {
    line-height: 1;
    margin-right: .5em
}

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

.nav-pills .nav-link {
    -webkit-transition: border .2s linear 0s, color .2s linear 0s, background-color .2s linear 0s;
    -o-transition: border .2s linear 0s, color .2s linear 0s, background-color .2s linear 0s;
    transition: border .2s linear 0s, color .2s linear 0s, background-color .2s linear 0s
}

.nav-pills-rounded .nav-link {
    margin-right: 5px;
    margin-left: 5px;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 1000px
}

.nav-tabs-reverse .nav-item {
    float: right
}

.nav-tabs-reverse .nav-item+.nav-item {
    margin-right: 2px;
    margin-left: 0
}

.nav-tabs-solid {
    border-bottom-color: #f3f7f9
}

.nav-tabs-solid .nav-link:hover {
    border-color: transparent
}

.nav-tabs-solid .nav-item.open .nav-link,
.nav-tabs-solid .nav-item.open .nav-link:focus,
.nav-tabs-solid .nav-item.open .nav-link:hover,
.nav-tabs-solid .nav-link.active,
.nav-tabs-solid .nav-link.active:focus,
.nav-tabs-solid .nav-link.active:hover {
    color: #76838f;
    border-color: transparent;
    background-color: #f3f7f9
}

.nav-tabs-solid~.tab-content {
    padding: 1.429rem;
    background-color: #f3f7f9
}

.nav-tabs-line {
    position: relative
}

.nav-tabs-line .nav-link {
    padding: .715rem 1.429rem;
    border-bottom: 2px solid transparent
}

.nav-tabs-line .nav-link:focus,
.nav-tabs-line .nav-link:hover {
    background-color: transparent
}

.nav-tabs-line .nav-link:hover {
    border-bottom-color: #ccd5db
}

.nav-tabs-line .nav-item.open .nav-link,
.nav-tabs-line .nav-item.open .nav-link:focus,
.nav-tabs-line .nav-item.open .nav-link:hover,
.nav-tabs-line .nav-link.active,
.nav-tabs-line .nav-link.active:focus,
.nav-tabs-line .nav-link.active:hover {
    color: #62a8ea;
    border-bottom: 2px solid #62a8ea;
    background-color: transparent
}

.nav-tabs-line .dropdown-menu {
    margin-top: 0
}

.nav-tabs-line .dropup .dropdown-menu {
    margin-bottom: 0
}

.nav-tabs-line .nav-item.open>.nav-link,
.nav-tabs-line .nav-item.open>.nav-link:focus,
.nav-tabs-line .nav-item.open>.nav-link:hover {
    border-bottom-color: #62a8ea
}

.tabs-line-top {
    border-bottom: 1px solid #e4eaec
}

.tabs-line-top .nav-item .nav-link,
.tabs-line-top .nav-link {
    bottom: -1px;
    border-top: 2px solid transparent;
    border-bottom-color: transparent
}

.tabs-line-top .nav-item .nav-link:hover,
.tabs-line-top .nav-link:hover {
    border-top: 2px solid #ccd5db;
    border-bottom-color: transparent
}

.tabs-line-top .nav-item.open .nav-link,
.tabs-line-top .nav-item.open .nav-link:focus,
.tabs-line-top .nav-item.open .nav-link:hover,
.tabs-line-top .nav-link.active,
.tabs-line-top .nav-link.active:focus,
.tabs-line-top .nav-link.active:hover {
    color: #62a8ea;
    border-top: 2px solid #62a8ea;
    border-right: 1px solid #e4eaec;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #e4eaec;
    background-color: transparent
}

.nav-tabs-vertical::after {
    display: table;
    clear: both;
    content: ''
}

.nav-tabs-vertical .nav-tabs {
    float: left;
    border-right: 1px solid #e4eaec;
    border-bottom: none
}

.nav-tabs-vertical .nav-tabs .nav-item {
    float: none;
    margin-right: -1px;
    margin-bottom: 2px;
    margin-left: 0
}

.nav-tabs-vertical .nav-tabs .nav-link {
    border-radius: .286rem 0 0 .286rem
}

.nav-tabs-vertical .nav-tabs .nav-link:hover {
    border-right-color: #e4eaec;
    border-bottom-color: transparent
}

.nav-tabs-vertical .nav-tabs .nav-link.active,
.nav-tabs-vertical .nav-tabs .nav-link.active:focus,
.nav-tabs-vertical .nav-tabs .nav-link.active:hover {
    border-right-color: #62a8ea
}

.nav-tabs-vertical .nav-tabs-reverse {
    float: right;
    border-right: none;
    border-left: 1px solid #e4eaec
}

.nav-tabs-vertical .nav-tabs-reverse .nav-item {
    margin-right: 0;
    margin-left: -1px
}

.nav-tabs-vertical .nav-tabs-reverse .nav-link {
    border-radius: 0 .286rem .286rem 0
}

.nav-tabs-vertical .nav-tabs-reverse .nav-link:hover {
    border-right-color: transparent;
    border-left-color: #e4eaec
}

.nav-tabs-vertical .nav-tabs-reverse .nav-link.active,
.nav-tabs-vertical .nav-tabs-reverse .nav-link.active:focus,
.nav-tabs-vertical .nav-tabs-reverse .nav-link.active:hover {
    border-left-color: #62a8ea
}

.nav-tabs-vertical .nav-tabs-solid {
    border-right-color: #f3f7f9
}

.nav-tabs-vertical .nav-tabs-solid .nav-link:hover {
    border-color: transparent
}

.nav-tabs-vertical .nav-tabs-solid .nav-link.active,
.nav-tabs-vertical .nav-tabs-solid .nav-link.active:focus,
.nav-tabs-vertical .nav-tabs-solid .nav-link.active:hover {
    border-color: transparent
}

.nav-tabs-vertical .nav-tabs-solid+.tab-content {
    padding: 1.429rem
}

.nav-tabs-vertical .nav-tabs-solid.nav-tabs-reverse {
    border-left-color: #f3f7f9
}

.nav-tabs-vertical .nav-tabs-line .nav-link {
    border-right: 2px solid transparent;
    border-bottom: none
}

.nav-tabs-vertical .nav-tabs-line .nav-link:hover {
    border-right-color: #ccd5db
}

.nav-tabs-vertical .nav-tabs-line .nav-link.active,
.nav-tabs-vertical .nav-tabs-line .nav-link.active:focus,
.nav-tabs-vertical .nav-tabs-line .nav-link.active:hover {
    border-right: 2px solid #62a8ea;
    border-bottom: none
}

.nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link {
    border-right-width: 1px;
    border-left: 2px solid transparent
}

.nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link:hover {
    border-color: transparent;
    border-left-color: #ccd5db
}

.nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link.active,
.nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link.active:focus,
.nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link.active:hover {
    border-right: 1px solid transparent;
    border-left: 2px solid #62a8ea
}

.nav-tabs-vertical .tab-content {
    overflow: hidden
}

.nav-tabs-inverse .nav-tabs-solid {
    border-bottom-color: #fff
}

.nav-tabs-inverse .nav-tabs-solid .nav-link.active,
.nav-tabs-inverse .nav-tabs-solid .nav-link.active:focus,
.nav-tabs-inverse .nav-tabs-solid .nav-link.active:hover {
    color: #76838f;
    background-color: #fff
}

.nav-tabs-inverse.nav-tabs-vertical .nav-tabs-solid {
    border-right-color: #fff
}

.nav-tabs-inverse.nav-tabs-vertical .nav-tabs-solid.nav-tabs-reverse {
    border-left-color: #fff
}

.nav-tabs-inverse .tab-content {
    background: #fff
}

.nav-tabs-animate .tab-content {
    overflow: hidden
}

.nav-tabs-lg .nav-link {
    font-size: 1.286rem;
    line-height: 1.333333;
    padding: .858rem 1.429rem
}

.nav-tabs-sm .nav-link {
    font-size: .858rem;
    line-height: 1.5;
    padding: .358rem .715rem
}

.navbar {
    min-height: 4.715rem;
    padding: 0;
    border: none;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08)
}

.navbar-nav {
    margin: .78575rem -.9375rem
}

.navbar-nav .nav-item {
    float: none
}

.navbar-nav .nav-link {
    padding-top: 1.572rem;
    padding-bottom: 1.572rem
}

.navbar-nav .nav-item .nav-link {
    line-height: 22px;
    padding-top: .715rem;
    padding-bottom: .715rem
}

.navbar-nav .nav-item+.nav-item {
    margin-left: 0
}

.navbar-nav>.nav-item>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        border: 0;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu .dropdown-item {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu .dropdown-item {
        line-height: 22px
    }

    .navbar-nav .open .dropdown-menu .dropdown-item:focus,
    .navbar-nav .open .dropdown-menu .dropdown-item:hover {
        background-image: none
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav>.nav-item {
        float: left
    }

    .navbar-nav>.nav-item>.nav-link {
        padding-top: 1.5715rem;
        padding-bottom: 1.5715rem
    }

    .navbar-nav.navbar-right:last-child {
        margin-right: -.9375rem
    }
}

.navbar-header::after {
    display: table;
    clear: both;
    content: ''
}

@media (min-width: 768px) {
    .navbar-header {
        float: left
    }
}

.container-fluid .navbar-collapse,
.container-fluid .navbar-header {
    margin-right: -.9375rem;
    margin-left: -.9375rem
}

@media (min-width: 768px) {

    .container-fluid .navbar-collapse,
    .container-fluid .navbar-header {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-toggler {
    line-height: 22px;
    position: relative;
    float: right;
    height: 4.715rem;
    margin-top: 0;
    margin-right: .9375rem;
    margin-bottom: 0;
    padding: 1.5715rem .9375rem;
    cursor: pointer;
    -webkit-transition: color .25s linear;
    -o-transition: color .25s linear;
    transition: color .25s linear;
    border: 1px solid transparent;
    border-radius: .215rem;
    background: 0 0 !important;
    background-image: none
}

.navbar-toggler:hover {
    background: 0 0 !important
}

.navbar-toggler:focus {
    outline: 0
}

.navbar-toggler .icon {
    margin-top: -1px
}

.navbar-toggler .icon-bar {
    display: block;
    width: 1.572rem;
    height: 2px;
    border-radius: 1px
}

.navbar-toggler .icon-bar+.icon-bar {
    margin-top: .286rem
}

@media (min-width: 768px) {
    .navbar-toggler {
        display: none
    }
}

.navbar-toggler-left {
    float: left;
    margin-right: 0;
    margin-left: .9375rem
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: .9375rem;
    padding-left: .9375rem;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse::after {
    display: table;
    clear: both;
    content: ''
}

.navbar-collapse.in {
    overflow-y: visible
}

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        overflow: visible !important;
        height: auto !important;
        padding-bottom: 0
    }

    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
}

.navbar-fixed-bottom,
.navbar-fixed-top {
    width: 100%
}

.navbar-brand {
    font-size: 1.286rem;
    font-weight: 500;
    line-height: 22px;
    float: left;
    height: 4.715rem;
    margin: 0;
    padding: 1.5715rem 1.429rem
}

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

.navbar-brand>img.navbar-brand-logo {
    display: inline-block
}

@media (min-width: 768px) {

    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -.9375rem
    }
}

.navbar-toolbar {
    float: left
}

.navbar-toolbar::after {
    display: table;
    clear: both;
    content: ''
}

.navbar-toolbar .nav-item {
    float: left
}

.navbar-toolbar .nav-item::after {
    display: table;
    clear: both;
    content: ''
}

.navbar-toolbar .nav-link {
    line-height: 22px;
    padding-top: 1.5715rem;
    padding-bottom: 1.5715rem
}

.navbar-toolbar .dropdown-menu {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s
}

@media (max-width: 767px) {
    .navbar-toolbar .dropdown-menu:not(.dropdown-menu-media) {
        overflow-x: hidden;
        overflow-y: scroll;
        max-height: 28.572rem;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 767px) and (max-device-width:480px) and (orientation:landscape) {
    .navbar-toolbar .dropdown-menu:not(.dropdown-menu-media) {
        max-height: 14.286rem
    }
}

@media (max-width: 767px) {
    .navbar-toolbar .open {
        position: static
    }

    .navbar-toolbar .open .dropdown-menu {
        right: 0;
        left: 0;
        float: none;
        width: auto;
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

@media (max-width: 767px) {
    .navbar-toolbar-left {
        float: left !important
    }

    .navbar-toolbar-right {
        float: right !important
    }
}

.navbar-nav .nav-link.navbar-avatar,
.navbar-toolbar .nav-link.navbar-avatar {
    padding-top: 1.286rem;
    padding-bottom: 1.286rem
}

@media (max-width: 767px) {
    .navbar-nav .nav-link.navbar-avatar {
        padding-top: .429rem;
        padding-bottom: .429rem
    }
}

.navbar-avatar .avatar {
    width: 2.143rem
}

@media (min-width: 768px) {
    .navbar-left {
        float: left
    }

    .navbar-right {
        float: right;
        margin-right: -.9375rem
    }

    .navbar-right~.navbar-right {
        margin-right: 0
    }

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

.navbar-default {
    border-color: #e4eaec;
    background-color: #fff
}

.navbar-default .navbar-brand {
    color: #37474f
}

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
    color: #37474f;
    background-color: none
}

.navbar-default .navbar-nav .nav-link {
    color: #76838f
}

.navbar-default .navbar-nav .nav-link:focus,
.navbar-default .navbar-nav .nav-link:hover {
    color: #526069;
    background-color: rgba(243, 247, 249, .3)
}

.navbar-default .navbar-nav .nav-link.active,
.navbar-default .navbar-nav .nav-link.active:focus,
.navbar-default .navbar-nav .nav-link.active:hover,
.navbar-default .navbar-nav>.active>.nav-link,
.navbar-default .navbar-nav>.active>.nav-link:focus,
.navbar-default .navbar-nav>.active>.nav-link:hover {
    color: #526069;
    background-color: rgba(243, 247, 249, .6)
}

.navbar-default .navbar-nav .nav-link.disabled,
.navbar-default .navbar-nav .nav-link.disabled:focus,
.navbar-default .navbar-nav .nav-link.disabled:hover,
.navbar-default .navbar-nav>.disabled>.nav-link,
.navbar-default .navbar-nav>.disabled>.nav-link:focus,
.navbar-default .navbar-nav>.disabled>.nav-link:hover {
    color: #ccd5db;
    background-color: transparent
}

.navbar-default .navbar-toggler {
    border-color: transparent
}

.navbar-default .navbar-toggler:focus,
.navbar-default .navbar-toggler:hover {
    background-color: rgba(243, 247, 249, .3)
}

.navbar-default .navbar-toggler .icon-bar {
    background-color: #76838f
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e4eaec
}

.navbar-default .navbar-nav>.open>.nav-link,
.navbar-default .navbar-nav>.open>.nav-link:focus,
.navbar-default .navbar-nav>.open>.nav-link:hover {
    color: #526069;
    background-color: rgba(243, 247, 249, .6)
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item {
        color: #76838f
    }

    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item:focus,
    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item:hover {
        color: #526069;
        background-color: rgba(243, 247, 249, .3)
    }

    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.active,
    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.active:focus,
    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.active:hover {
        color: #526069;
        background-color: rgba(243, 247, 249, .6)
    }

    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.disabled,
    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.disabled:focus,
    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.disabled:hover {
        color: #ccd5db;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #76838f
}

.navbar-default .navbar-link:hover {
    color: #526069
}

.navbar-default .navbar-toolbar .nav-link {
    display: block;
    color: #76838f
}

.navbar-default .navbar-toolbar .nav-link:focus,
.navbar-default .navbar-toolbar .nav-link:hover {
    color: #526069;
    background-color: rgba(243, 247, 249, .3)
}

.navbar-default .navbar-toolbar .nav-link.active,
.navbar-default .navbar-toolbar .nav-link.active:focus,
.navbar-default .navbar-toolbar .nav-link.active:hover,
.navbar-default .navbar-toolbar>.active>.nav-link,
.navbar-default .navbar-toolbar>.active>.nav-link:focus,
.navbar-default .navbar-toolbar>.active>.nav-link:hover {
    color: #526069;
    background-color: rgba(243, 247, 249, .6)
}

.navbar-default .navbar-toolbar .nav-link.disabled,
.navbar-default .navbar-toolbar .nav-link.disabled:focus,
.navbar-default .navbar-toolbar .nav-link.disabled:hover,
.navbar-default .navbar-toolbar>.disabled>.nav-link,
.navbar-default .navbar-toolbar>.disabled>.nav-link:focus,
.navbar-default .navbar-toolbar>.disabled>.nav-link:hover {
    color: #ccd5db;
    background-color: transparent
}

.navbar-default .navbar-toggler {
    color: #76838f
}

.navbar-default .navbar-toolbar>.open>.nav-link,
.navbar-default .navbar-toolbar>.open>.nav-link:focus,
.navbar-default .navbar-toolbar>.open>.nav-link:hover {
    color: #526069;
    background-color: rgba(243, 247, 249, .6)
}

.breadcrumb .is-hidden {
    display: none
}

.breadcrumb-item .icon {
    text-decoration: none
}

.breadcrumb-item .icon:before {
    margin-right: 10px
}

.breadcrumb-arrow>.breadcrumb-item+.breadcrumb-item:before {
    content: '» '
}

.page-item>span {
    padding: .643rem 1.072rem;
    -webkit-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
    -o-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
    transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out
}

.page-item>span:focus,
.page-item>span:hover {
    -webkit-transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
    -o-transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
    transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
    text-decoration: none
}

.page-item .icon {
    margin-top: -1px
}

.page-item.active .page-link {
    z-index: 3
}

.page-item.disabled>span,
.page-item.disabled>span:focus,
.page-item.disabled>span:hover {
    cursor: not-allowed;
    pointer-events: none;
    color: #ccd5db;
    border-color: #e4eaec;
    background-color: transparent
}

.pagination-no-border .page-link {
    border: none
}

.tag.tag-outline {
    color: #f3f7f9;
    border-color: #f3f7f9;
    background-color: transparent
}

.tag-outline {
    border: 1px solid transparent
}

.tag-round {
    border-radius: 1em
}

.tag-pill:empty {
    display: none
}

.tag-pill.up {
    position: relative;
    top: -10px;
    margin: 0 -.8em;
    border-radius: 15px
}

.btn .tag-pill {
    top: 0
}

.btn-group-xs>.btn .tag-pill,
.btn-xs .tag-pill {
    top: 0;
    padding: 1px 5px
}

a .tag-pill:focus,
a .tag-pill:hover {
    cursor: pointer;
    text-decoration: none
}

.list-group-item>.tag-pill {
    float: right
}

.list-group-item>.tag-pill+.tag-pill {
    margin-right: 5px
}

.nav-pills>li>a>.tag-pill {
    margin-left: 3px
}

.tag-default.tag-outline {
    color: #e4eaec;
    border-color: #e4eaec;
    background-color: transparent;
    color: #76838f
}

.tag-primary.tag-outline {
    color: #62a8ea;
    border-color: #62a8ea;
    background-color: transparent
}

.tag-success.tag-outline {
    color: #46be8a;
    border-color: #46be8a;
    background-color: transparent
}

.tag-info.tag-outline {
    color: #57c7d4;
    border-color: #57c7d4;
    background-color: transparent
}

.tag-warning.tag-outline {
    color: #f2a654;
    border-color: #f2a654;
    background-color: transparent
}

.tag-danger.tag-outline {
    color: #f96868;
    border-color: #f96868;
    background-color: transparent
}

.tag-dark {
    background-color: #526069
}

.tag-dark[href]:focus,
.tag-dark[href]:hover {}

.tag-dark.tag-outline {
    color: #526069;
    border-color: #526069;
    background-color: transparent
}

.tag-dark[href]:focus,
.tag-dark[href]:hover {
    background-color: #3c464c
}

.tag-lg {
    font-size: 16px
}

.tag-sm {
    font-size: 10px;
    padding: .1em .5em .1em
}

.alert ul {
    padding-left: 13px
}

.alert ul li {
    padding-left: 7px
}

.panel>.alert {
    margin: 0
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

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

.alert-alt {
    color: #76838f;
    border: none;
    border-left: 3px solid transparent;
    background-color: rgba(243, 247, 249, .8)
}

.alert-alt .alert-link,
.alert-alt a {
    text-decoration: none
}

.alert-dismissible .close:focus,
.alert-dismissible .close:hover {
    opacity: 1
}

.alert-dismissible.alert-alt .close {
    opacity: .6;
    color: #a3afb7
}

.alert-dismissible.alert-alt .close:focus,
.alert-dismissible.alert-alt .close:hover {
    opacity: 1;
    color: #a3afb7
}

.alert-icon {
    position: relative;
    padding-left: 45px
}

.alert-icon>.icon {
    font-size: 1rem;
    position: absolute;
    top: 18px;
    left: 20px;
    width: 1em;
    text-align: center
}

.alert-avatar {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 75px
}

.alert-avatar>.avatar {
    position: absolute;
    top: 12px;
    left: 20px
}

.alert-primary {
    color: #62a8ea;
    border-color: #e8f1f8;
    background-color: rgba(232, 241, 248, .8)
}

.alert-primary .close {
    color: #62a8ea
}

.alert-primary .close:focus,
.alert-primary .close:hover {
    color: #62a8ea
}

.alert-primary .alert-link {
    color: #4e97d9
}

.alert-alt.alert-primary {
    border-color: #62a8ea
}

.alert-alt.alert-primary .alert-link,
.alert-alt.alert-primary a {
    color: #62a8ea
}

.alert-success .alert-link {
    color: #36ab7a
}

.alert-alt.alert-success {
    border-color: #46be8a
}

.alert-alt.alert-success .alert-link,
.alert-alt.alert-success a {
    color: #46be8a
}

.alert-info .alert-link {
    color: #47b8c6
}

.alert-alt.alert-info {
    border-color: #57c7d4
}

.alert-alt.alert-info .alert-link,
.alert-alt.alert-info a {
    color: #57c7d4
}

.alert-warning .alert-link {
    color: #ec9940
}

.alert-alt.alert-warning {
    border-color: #f2a654
}

.alert-alt.alert-warning .alert-link,
.alert-alt.alert-warning a {
    color: #f2a654
}

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

.alert-alt.alert-danger {
    border-color: #f96868
}

.alert-alt.alert-danger .alert-link,
.alert-alt.alert-danger a {
    color: #f96868
}

.alert.dark .alert-link {
    font-weight: 700;
    color: #fff !important
}

.alert.dark .alert-left-border {
    border: none;
    border-left: 3px solid transparent
}

.alert.dark.alert-dismissible.alert-alt .close {
    color: #fff
}

.alert.dark.alert-dismissible.alert-alt .close:focus,
.alert.dark.alert-dismissible.alert-alt .close:hover {
    color: #fff
}

.alert.dark.alert-primary {
    color: #fff;
    border-color: #62a8ea;
    background-color: #62a8ea
}

.alert.dark.alert-primary .close {
    color: #fff
}

.alert.dark.alert-primary .close:focus,
.alert.dark.alert-primary .close:hover {
    color: #fff
}

.alert.dark.alert-primary.alert-alt {
    border-color: #2771b4
}

.alert.dark.alert-primary.alert-alt .alert-link,
.alert.dark.alert-primary.alert-alt a {
    color: #fff
}

.alert.dark.alert-success {
    color: #fff;
    border-color: #46be8a;
    background-color: #46be8a
}

.alert.dark.alert-success .close {
    color: #fff
}

.alert.dark.alert-success .close:focus,
.alert.dark.alert-success .close:hover {
    color: #fff
}

.alert.dark.alert-success.alert-alt {
    border-color: #247151
}

.alert.dark.alert-success.alert-alt .alert-link,
.alert.dark.alert-success.alert-alt a {
    color: #fff
}

.alert.dark.alert-info {
    color: #fff;
    border-color: #57c7d4;
    background-color: #57c7d4
}

.alert.dark.alert-info .close {
    color: #fff
}

.alert.dark.alert-info .close:focus,
.alert.dark.alert-info .close:hover {
    color: #fff
}

.alert.dark.alert-info.alert-alt {
    border-color: #2e8893
}

.alert.dark.alert-info.alert-alt .alert-link,
.alert.dark.alert-info.alert-alt a {
    color: #fff
}

.alert.dark.alert-warning {
    color: #fff;
    border-color: #f2a654;
    background-color: #f2a654
}

.alert.dark.alert-warning .close {
    color: #fff
}

.alert.dark.alert-warning .close:focus,
.alert.dark.alert-warning .close:hover {
    color: #fff
}

.alert.dark.alert-warning.alert-alt {
    border-color: #cb7314
}

.alert.dark.alert-warning.alert-alt .alert-link,
.alert.dark.alert-warning.alert-alt a {
    color: #fff
}

.alert.dark.alert-danger {
    color: #fff;
    border-color: #f96868;
    background-color: #f96868
}

.alert.dark.alert-danger .close {
    color: #fff
}

.alert.dark.alert-danger .close:focus,
.alert.dark.alert-danger .close:hover {
    color: #fff
}

.alert.dark.alert-danger.alert-alt {
    border-color: #d91d1f
}

.alert.dark.alert-danger.alert-alt .alert-link,
.alert.dark.alert-danger.alert-alt a {
    color: #fff
}

.media .media {
    padding-bottom: 0;
    border-bottom: none
}

.media-meta {
    font-size: .858rem;
    margin-bottom: 3px;
    color: #a3afb7
}

.media-lg .media-object {
    width: 160px
}

.media-lg .media {
    margin-left: -110px
}

.media-sm .media-object {
    width: 80px
}

.media-sm .media {
    margin-left: -70px
}

.media-xs .media-object {
    width: 60px
}

.media-xs .media {
    margin-left: -60px
}

@media (min-width: 768px) {
    .media-body {
        overflow: hidden
    }

    .media .media {
        margin-left: 0
    }
}

@media (max-width: 479px) {
    .media-lg .media {
        margin-left: 0
    }

    .media .media-left {
        margin-bottom: 5px
    }

    .media .media {
        padding-left: 15px
    }

    .media-left {
        display: block
    }
}

.list-group .media {
    padding: 2px 0;
    border-bottom: 0
}

.list-group .media .media-left {
    padding-right: 20px
}

.list-group .media .media-right {
    padding-left: 20px
}

.list-group .media .media-right .status {
    margin-top: 15px;
    margin-right: 5px
}

.list-group .media .media-heading {
    font-size: 1rem
}

.list-group-full>.list-group-item {
    padding-right: 0;
    padding-left: 0
}

a.list-group-item {
    color: #76838f;
    border-radius: .215rem
}

a.list-group-item:focus,
a.list-group-item:hover {
    text-decoration: none;
    color: #76838f;
    background-color: #f3f7f9
}

a.list-group-item.disabled,
a.list-group-item.disabled:focus,
a.list-group-item.disabled:hover {
    color: #ccd5db;
    background-color: #f3f7f9
}

a.list-group-item.active,
a.list-group-item.active:focus,
a.list-group-item.active:hover {
    color: #fff;
    background-color: #62a8ea
}

.list-group-item .icon {
    margin-right: 10px
}

.list-group-bordered .list-group-item {
    border-color: #e4eaec
}

.list-group-bordered .list-group-item.active,
.list-group-bordered .list-group-item.active:focus,
.list-group-bordered .list-group-item.active:hover {
    color: #fff;
    border-color: #4e97d9;
    background-color: #4e97d9
}

.list-group-dividered .list-group-item {
    border-top-color: #e4eaec
}

.list-group-dividered .list-group-item.active:hover {
    border-top-color: #e4eaec
}

.list-group-dividered .list-group-item:last-child {
    border-bottom-color: #e4eaec
}

.list-group-dividered .list-group-item:first-child {
    border-top-color: transparent
}

.list-group-dividered .list-group-item:first-child.active:hover {
    border-top-color: transparent
}

.list-group-gap .list-group-item {
    margin-bottom: 2px;
    border-radius: .215rem
}

.list-group-full .list-group-item {
    padding-right: 0;
    padding-left: 0
}

.close.icon {
    font-size: inherit
}

.card .cover {
    width: 100%;
    padding: 0;
    border-bottom: none
}

[class*=blocks-]>li>.card {
    margin-bottom: 0
}

.card>.card-title {
    padding: 12px 20px
}

.card-footer,
.card-header {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.card-bordered {
    border: 1px solid #e4eaec
}

.card-shadow {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.card-block {
    position: relative
}

.modal-footer .btn+.btn {
    margin-left: 5px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

@media (min-width: 768px) {
    .modal-dialog {
        width: auto;
        margin: 30px auto
    }

    .modal-sm {
        width: 300px
    }
}

.modal-top {
    margin: 0 auto
}

.modal-center {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    height: 100%;
    margin: 0 auto;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: center;
    align-content: center
}

.modal-bottom {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    height: 100%;
    margin: 0 auto;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: center;
    align-content: center
}

.modal-primary .modal-header {
    border-radius: .286rem .286rem 0 0;
    background-color: #62a8ea
}

.modal-primary .modal-header * {
    color: #fff
}

.modal-primary .modal-header .close {
    opacity: .6
}

.modal-success .modal-header {
    border-radius: .286rem .286rem 0 0;
    background-color: #46be8a
}

.modal-success .modal-header * {
    color: #fff
}

.modal-success .modal-header .close {
    opacity: .6
}

.modal-info .modal-header {
    border-radius: .286rem .286rem 0 0;
    background-color: #57c7d4
}

.modal-info .modal-header * {
    color: #fff
}

.modal-info .modal-header .close {
    opacity: .6
}

.modal-warning .modal-header {
    border-radius: .286rem .286rem 0 0;
    background-color: #f2a654
}

.modal-warning .modal-header * {
    color: #fff
}

.modal-warning .modal-header .close {
    opacity: .6
}

.modal-danger .modal-header {
    border-radius: .286rem .286rem 0 0;
    background-color: #f96868
}

.modal-danger .modal-header * {
    color: #fff
}

.modal-danger .modal-header .close {
    opacity: .6
}

.modal.modal-fade-in-scale-up .modal-dialog {
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
    transform: scale(.7);
    opacity: 0
}

.modal.modal-fade-in-scale-up.in .modal-dialog {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.carousel-control .icon {
    position: absolute;
    z-index: 5;
    top: 50%;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: -8px
}

.carousel-control.left .icon {
    left: 50%;
    margin-left: -8px
}

.carousel-control.right .icon {
    right: 50%;
    margin-right: -8px
}

.carousel-caption h1,
.carousel-caption h2,
.carousel-caption h3,
.carousel-caption h4,
.carousel-caption h5,
.carousel-caption h6 {
    color: inherit
}

.carousel-indicators-scaleup li {
    -webkit-transition: -webkit-transform .3s ease 0s, background-color .3s ease 0s;
    -o-transition: -o-transform .3s ease 0s, background-color .3s ease 0s;
    transition: transform .3s ease 0s, background-color .3s ease 0s;
    border: none
}

.carousel-indicators-scaleup .active {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5)
}

.carousel-indicators-fillin li {
    -webkit-transition: -webkit-box-shadow .3s ease 0s;
    -o-transition: box-shadow .3s ease 0s;
    transition: box-shadow .3s ease 0s;
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 2px #fff inset;
    box-shadow: 0 0 0 2px #fff inset
}

.carousel-indicators-fillin .active {
    -webkit-box-shadow: 0 0 0 8px #fff inset;
    box-shadow: 0 0 0 8px #fff inset
}

.carousel-indicators-fall li {
    position: relative;
    -webkit-transition: -webkit-transform .3s ease 0s, background-color .3s ease 0s;
    -o-transition: -o-transform .3s ease 0s, background-color .3s ease 0s;
    transition: transform .3s ease 0s, background-color .3s ease 0s
}

.carousel-indicators-fall li:after {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: opacity .3s ease 0s, visibility 0s ease .3s;
    -o-transition: opacity .3s ease 0s, visibility 0s ease .3s;
    transition: opacity .3s ease 0s, visibility 0s ease .3s;
    -webkit-transform: translate(0, -200%);
    -ms-transform: translate(0, -200%);
    -o-transform: translate(0, -200%);
    transform: translate(0, -200%);
    opacity: 0;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .3)
}

.carousel-indicators-fall .active {
    -webkit-transform: translate(0, 200%);
    -ms-transform: translate(0, 200%);
    -o-transform: translate(0, 200%);
    transform: translate(0, 200%);
    background-color: transparent
}

.carousel-indicators-fall .active:after {
    visibility: visible;
    -webkit-transition: opacity .3s ease 0s;
    -o-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s;
    opacity: 1
}

@media (min-width: 768px) {
    .carousel-control .icon {
        font-size: 24px;
        width: 24px;
        height: 24px;
        margin-top: -12px
    }

    .carousel-control.left .icon {
        margin-left: -12px
    }

    .carousel-control.right .icon {
        margin-right: -12px
    }
}

.vertical-align {
    font-size: 0
}

.vertical-align:before {
    display: inline-block;
    height: 100%;
    content: '';
    vertical-align: middle
}

.vertical-align-bottom,
.vertical-align-middle {
    font-size: 1rem;
    display: inline-block;
    max-width: 100%
}

.vertical-align-middle {
    vertical-align: middle
}

.vertical-align-bottom {
    vertical-align: bottom
}

.inline {
    display: inline !important
}

.inline-block {
    display: inline-block !important
}

.block {
    display: block !important
}

.text-break {
    white-space: normal;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    -ms-hyphens: auto
}

.text-top {
    vertical-align: top !important
}

.text-middle {
    vertical-align: middle !important
}

.text-bottom {
    vertical-align: bottom !important
}

.font-weight-unset {
    font-weight: unset !important
}

.font-weight-100 {
    font-weight: 100 !important
}

.font-weight-200 {
    font-weight: 200 !important
}

.font-weight-300 {
    font-weight: 300 !important
}

.font-weight-400 {
    font-weight: 400 !important
}

.font-weight-500 {
    font-weight: 500 !important
}

.font-weight-600 {
    font-weight: 600 !important
}

.font-weight-700 {
    font-weight: 700 !important
}

.font-weight-800 {
    font-weight: 800 !important
}

.font-weight-900 {
    font-weight: 900 !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-medium {
    font-weight: 500 !important
}

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

.font-size-0 {
    font-size: 0 !important
}

.font-size-10 {
    font-size: 10px !important
}

.font-size-12 {
    font-size: 12px !important
}

.font-size-14 {
    font-size: 14px !important
}

.font-size-16 {
    font-size: 16px !important
}

.font-size-18 {
    font-size: 18px !important
}

.font-size-20 {
    font-size: 20px !important
}

.font-size-24 {
    font-size: 24px !important
}

.font-size-26 {
    font-size: 26px !important
}

.font-size-30 {
    font-size: 30px !important
}

.font-size-40 {
    font-size: 40px !important
}

.font-size-50 {
    font-size: 50px !important
}

.font-size-60 {
    font-size: 60px !important
}

.font-size-70 {
    font-size: 70px !important
}

.font-size-80 {
    font-size: 80px !important
}

.w-50 {
    width: 50px !important
}

.w-100 {
    width: 100px !important
}

.w-120 {
    width: 120px !important
}

.w-150 {
    width: 150px !important
}

.w-200 {
    width: 200px !important
}

.w-250 {
    width: 250px !important
}

.w-300 {
    width: 300px !important
}

.w-350 {
    width: 350px !important
}

.w-400 {
    width: 400px !important
}

.w-450 {
    width: 450px !important
}

.w-500 {
    width: 500px !important
}

@media (max-width: 479px) {
    .w-xs-50 {
        width: 50px !important
    }

    .w-xs-100 {
        width: 100px !important
    }

    .w-xs-120 {
        width: 120px !important
    }

    .w-xs-150 {
        width: 150px !important
    }

    .w-xs-200 {
        width: 200px !important
    }

    .w-xs-250 {
        width: 250px !important
    }

    .w-xs-300 {
        width: 300px !important
    }

    .w-xs-350 {
        width: 350px !important
    }

    .w-xs-400 {
        width: 400px !important
    }

    .w-xs-450 {
        width: 450px !important
    }

    .w-xs-500 {
        width: 500px !important
    }

    .w-xs-100pc {
        width: 100% !important
    }
}

@media (min-width: 480px) and (max-width:767px) {
    .w-sm-50 {
        width: 50px !important
    }

    .w-sm-100 {
        width: 100px !important
    }

    .w-sm-120 {
        width: 120px !important
    }

    .w-sm-150 {
        width: 150px !important
    }

    .w-sm-200 {
        width: 200px !important
    }

    .w-sm-250 {
        width: 250px !important
    }

    .w-sm-300 {
        width: 300px !important
    }

    .w-sm-350 {
        width: 350px !important
    }

    .w-sm-400 {
        width: 400px !important
    }

    .w-sm-450 {
        width: 450px !important
    }

    .w-sm-500 {
        width: 500px !important
    }

    .w-sm-100pc {
        width: 100% !important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .w-md-50 {
        width: 50px !important
    }

    .w-md-100 {
        width: 100px !important
    }

    .w-md-120 {
        width: 120px !important
    }

    .w-md-150 {
        width: 150px !important
    }

    .w-md-200 {
        width: 200px !important
    }

    .w-md-250 {
        width: 250px !important
    }

    .w-md-300 {
        width: 300px !important
    }

    .w-md-350 {
        width: 350px !important
    }

    .w-md-400 {
        width: 400px !important
    }

    .w-md-450 {
        width: 450px !important
    }

    .w-md-500 {
        width: 500px !important
    }

    .w-md-100pc {
        width: 100% !important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .w-lg-50 {
        width: 50px !important
    }

    .w-lg-100 {
        width: 100px !important
    }

    .w-lg-120 {
        width: 120px !important
    }

    .w-lg-150 {
        width: 150px !important
    }

    .w-lg-200 {
        width: 200px !important
    }

    .w-lg-250 {
        width: 250px !important
    }

    .w-lg-300 {
        width: 300px !important
    }

    .w-lg-350 {
        width: 350px !important
    }

    .w-lg-400 {
        width: 400px !important
    }

    .w-lg-450 {
        width: 450px !important
    }

    .w-lg-500 {
        width: 500px !important
    }
}

@media (min-width: 1200px) and (max-width:1599px) {
    .w-xl-50 {
        width: 50px !important
    }

    .w-xl-100 {
        width: 100px !important
    }

    .w-xl-120 {
        width: 120px !important
    }

    .w-xl-150 {
        width: 150px !important
    }

    .w-xl-200 {
        width: 200px !important
    }

    .w-xl-250 {
        width: 250px !important
    }

    .w-xl-300 {
        width: 300px !important
    }

    .w-xl-350 {
        width: 350px !important
    }

    .w-xl-400 {
        width: 400px !important
    }

    .w-xl-450 {
        width: 450px !important
    }

    .w-xl-500 {
        width: 500px !important
    }
}

.h-50 {
    height: 50px !important
}

.h-100 {
    height: 100px !important
}

.h-120 {
    height: 120px !important
}

.h-150 {
    height: 150px !important
}

.h-200 {
    height: 200px !important
}

.h-250 {
    height: 250px !important
}

.h-300 {
    height: 300px !important
}

.h-350 {
    height: 350px !important
}

.h-400 {
    height: 400px !important
}

.h-450 {
    height: 450px !important
}

.h-500 {
    height: 500px !important
}

@media (max-width: 479px) {
    .h-xs-50 {
        height: 50px !important
    }

    .h-xs-100 {
        height: 100px !important
    }

    .h-xs-120 {
        height: 120px !important
    }

    .h-xs-150 {
        height: 150px !important
    }

    .h-xs-200 {
        height: 200px !important
    }

    .h-xs-250 {
        height: 250px !important
    }

    .h-xs-300 {
        height: 300px !important
    }

    .h-xs-350 {
        height: 350px !important
    }

    .h-xs-400 {
        height: 400px !important
    }

    .h-xs-450 {
        height: 450px !important
    }

    .h-xs-500 {
        height: 500px !important
    }
}

@media (min-width: 480px) and (max-width:767px) {
    .h-sm-50 {
        height: 50px !important
    }

    .h-sm-100 {
        height: 100px !important
    }

    .h-sm-120 {
        height: 120px !important
    }

    .h-sm-150 {
        height: 150px !important
    }

    .h-sm-200 {
        height: 200px !important
    }

    .h-sm-250 {
        height: 250px !important
    }

    .h-sm-300 {
        height: 300px !important
    }

    .h-sm-350 {
        height: 350px !important
    }

    .h-sm-400 {
        height: 400px !important
    }

    .h-sm-450 {
        height: 450px !important
    }

    .h-sm-500 {
        height: 500px !important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .h-md-50 {
        height: 50px !important
    }

    .h-md-100 {
        height: 100px !important
    }

    .h-md-120 {
        height: 120px !important
    }

    .h-md-150 {
        height: 150px !important
    }

    .h-md-200 {
        height: 200px !important
    }

    .h-md-250 {
        height: 250px !important
    }

    .h-md-300 {
        height: 300px !important
    }

    .h-md-350 {
        height: 350px !important
    }

    .h-md-400 {
        height: 400px !important
    }

    .h-md-450 {
        height: 450px !important
    }

    .h-md-500 {
        height: 500px !important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .h-lg-50 {
        height: 50px !important
    }

    .h-lg-100 {
        height: 100px !important
    }

    .h-lg-120 {
        height: 120px !important
    }

    .h-lg-150 {
        height: 150px !important
    }

    .h-lg-200 {
        height: 200px !important
    }

    .h-lg-250 {
        height: 250px !important
    }

    .h-lg-300 {
        height: 300px !important
    }

    .h-lg-350 {
        height: 350px !important
    }

    .h-lg-400 {
        height: 400px !important
    }

    .h-lg-450 {
        height: 450px !important
    }

    .h-lg-500 {
        height: 500px !important
    }
}

@media (min-width: 1200px) and (max-width:1599px) {
    .h-xl-50 {
        height: 50px !important
    }

    .h-xl-100 {
        height: 100px !important
    }

    .h-xl-120 {
        height: 120px !important
    }

    .h-xl-150 {
        height: 150px !important
    }

    .h-xl-200 {
        height: 200px !important
    }

    .h-xl-250 {
        height: 250px !important
    }

    .h-xl-300 {
        height: 300px !important
    }

    .h-xl-350 {
        height: 350px !important
    }

    .h-xl-400 {
        height: 400px !important
    }

    .h-xl-450 {
        height: 450px !important
    }

    .h-xl-500 {
        height: 500px !important
    }
}

.h-full {
    height: 100% !important
}

.w-full {
    width: 100% !important
}

.m-0,
.m-a-0 {
    margin: 0 !important
}

.m-t-0 {
    margin-top: 0 !important
}

.m-r-0 {
    margin-right: 0 !important
}

.m-b-0 {
    margin-bottom: 0 !important
}

.m-l-0 {
    margin-left: 0 !important
}

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

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

.m-3,
.m-a-3 {
    margin: 3px !important
}

.m-t-3 {
    margin-top: 3px !important
}

.m-r-3 {
    margin-right: 3px !important
}

.m-b-3 {
    margin-bottom: 3px !important
}

.m-l-3 {
    margin-left: 3px !important
}

.m-x-3 {
    margin-right: 3px !important;
    margin-left: 3px !important
}

.m-y-3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important
}

.m-5,
.m-a-5 {
    margin: 5px !important
}

.m-t-5 {
    margin-top: 5px !important
}

.m-r-5 {
    margin-right: 5px !important
}

.m-b-5 {
    margin-bottom: 5px !important
}

.m-l-5 {
    margin-left: 5px !important
}

.m-x-5 {
    margin-right: 5px !important;
    margin-left: 5px !important
}

.m-y-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.m-10,
.m-a-10 {
    margin: 10px !important
}

.m-t-10 {
    margin-top: 10px !important
}

.m-r-10 {
    margin-right: 10px !important
}

.m-b-10 {
    margin-bottom: 10px !important
}

.m-l-10 {
    margin-left: 10px !important
}

.m-x-10 {
    margin-right: 10px !important;
    margin-left: 10px !important
}

.m-y-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.m-15,
.m-a-15 {
    margin: 15px !important
}

.m-t-15 {
    margin-top: 15px !important
}

.m-r-15 {
    margin-right: 15px !important
}

.m-b-15 {
    margin-bottom: 15px !important
}

.m-l-15 {
    margin-left: 15px !important
}

.m-x-15 {
    margin-right: 15px !important;
    margin-left: 15px !important
}

.m-y-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.m-20,
.m-a-20 {
    margin: 20px !important
}

.m-t-20 {
    margin-top: 20px !important
}

.m-r-20 {
    margin-right: 20px !important
}

.m-b-20 {
    margin-bottom: 20px !important
}

.m-l-20 {
    margin-left: 20px !important
}

.m-x-20 {
    margin-right: 20px !important;
    margin-left: 20px !important
}

.m-y-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.m-25,
.m-a-25 {
    margin: 25px !important
}

.m-t-25 {
    margin-top: 25px !important
}

.m-r-25 {
    margin-right: 25px !important
}

.m-b-25 {
    margin-bottom: 25px !important
}

.m-l-25 {
    margin-left: 25px !important
}

.m-x-25 {
    margin-right: 25px !important;
    margin-left: 25px !important
}

.m-y-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important
}

.m-30,
.m-a-30 {
    margin: 30px !important
}

.m-t-30 {
    margin-top: 30px !important
}

.m-r-30 {
    margin-right: 30px !important
}

.m-b-30 {
    margin-bottom: 30px !important
}

.m-l-30 {
    margin-left: 30px !important
}

.m-x-30 {
    margin-right: 30px !important;
    margin-left: 30px !important
}

.m-y-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.m-35,
.m-a-35 {
    margin: 35px !important
}

.m-t-35 {
    margin-top: 35px !important
}

.m-r-35 {
    margin-right: 35px !important
}

.m-b-35 {
    margin-bottom: 35px !important
}

.m-l-35 {
    margin-left: 35px !important
}

.m-x-35 {
    margin-right: 35px !important;
    margin-left: 35px !important
}

.m-y-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important
}

.m-40,
.m-a-40 {
    margin: 40px !important
}

.m-t-40 {
    margin-top: 40px !important
}

.m-r-40 {
    margin-right: 40px !important
}

.m-b-40 {
    margin-bottom: 40px !important
}

.m-l-40 {
    margin-left: 40px !important
}

.m-x-40 {
    margin-right: 40px !important;
    margin-left: 40px !important
}

.m-y-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.m-45,
.m-a-45 {
    margin: 45px !important
}

.m-t-45 {
    margin-top: 45px !important
}

.m-r-45 {
    margin-right: 45px !important
}

.m-b-45 {
    margin-bottom: 45px !important
}

.m-l-45 {
    margin-left: 45px !important
}

.m-x-45 {
    margin-right: 45px !important;
    margin-left: 45px !important
}

.m-y-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important
}

.m-50,
.m-a-50 {
    margin: 50px !important
}

.m-t-50 {
    margin-top: 50px !important
}

.m-r-50 {
    margin-right: 50px !important
}

.m-b-50 {
    margin-bottom: 50px !important
}

.m-l-50 {
    margin-left: 50px !important
}

.m-x-50 {
    margin-right: 50px !important;
    margin-left: 50px !important
}

.m-y-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important
}

.m-60,
.m-a-60 {
    margin: 60px !important
}

.m-t-60 {
    margin-top: 60px !important
}

.m-r-60 {
    margin-right: 60px !important
}

.m-b-60 {
    margin-bottom: 60px !important
}

.m-l-60 {
    margin-left: 60px !important
}

.m-x-60 {
    margin-right: 60px !important;
    margin-left: 60px !important
}

.m-y-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important
}

.m-70,
.m-a-70 {
    margin: 70px !important
}

.m-t-70 {
    margin-top: 70px !important
}

.m-r-70 {
    margin-right: 70px !important
}

.m-b-70 {
    margin-bottom: 70px !important
}

.m-l-70 {
    margin-left: 70px !important
}

.m-x-70 {
    margin-right: 70px !important;
    margin-left: 70px !important
}

.m-y-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important
}

.m-80,
.m-a-80 {
    margin: 80px !important
}

.m-t-80 {
    margin-top: 80px !important
}

.m-r-80 {
    margin-right: 80px !important
}

.m-b-80 {
    margin-bottom: 80px !important
}

.m-l-80 {
    margin-left: 80px !important
}

.m-x-80 {
    margin-right: 80px !important;
    margin-left: 80px !important
}

.m-y-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important
}

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

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

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

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

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

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

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

.p-3,
.p-a-3 {
    padding: 3px !important
}

.p-t-3 {
    padding-top: 3px !important
}

.p-r-3 {
    padding-right: 3px !important
}

.p-b-3 {
    padding-bottom: 3px !important
}

.p-l-3 {
    padding-left: 3px !important
}

.p-x-3 {
    padding-right: 3px !important;
    padding-left: 3px !important
}

.p-y-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important
}

.p-5,
.p-a-5 {
    padding: 5px !important
}

.p-t-5 {
    padding-top: 5px !important
}

.p-r-5 {
    padding-right: 5px !important
}

.p-b-5 {
    padding-bottom: 5px !important
}

.p-l-5 {
    padding-left: 5px !important
}

.p-x-5 {
    padding-right: 5px !important;
    padding-left: 5px !important
}

.p-y-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.p-10,
.p-a-10 {
    padding: 10px !important
}

.p-t-10 {
    padding-top: 10px !important
}

.p-r-10 {
    padding-right: 10px !important
}

.p-b-10 {
    padding-bottom: 10px !important
}

.p-l-10 {
    padding-left: 10px !important
}

.p-x-10 {
    padding-right: 10px !important;
    padding-left: 10px !important
}

.p-y-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.p-15,
.p-a-15 {
    padding: 15px !important
}

.p-t-15 {
    padding-top: 15px !important
}

.p-r-15 {
    padding-right: 15px !important
}

.p-b-15 {
    padding-bottom: 15px !important
}

.p-l-15 {
    padding-left: 15px !important
}

.p-x-15 {
    padding-right: 15px !important;
    padding-left: 15px !important
}

.p-y-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.p-20,
.p-a-20 {
    padding: 20px !important
}

.p-t-20 {
    padding-top: 20px !important
}

.p-r-20 {
    padding-right: 20px !important
}

.p-b-20 {
    padding-bottom: 20px !important
}

.p-l-20 {
    padding-left: 20px !important
}

.p-x-20 {
    padding-right: 20px !important;
    padding-left: 20px !important
}

.p-y-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.p-25,
.p-a-25 {
    padding: 25px !important
}

.p-t-25 {
    padding-top: 25px !important
}

.p-r-25 {
    padding-right: 25px !important
}

.p-b-25 {
    padding-bottom: 25px !important
}

.p-l-25 {
    padding-left: 25px !important
}

.p-x-25 {
    padding-right: 25px !important;
    padding-left: 25px !important
}

.p-y-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important
}

.p-30,
.p-a-30 {
    padding: 30px !important
}

.p-t-30 {
    padding-top: 30px !important
}

.p-r-30 {
    padding-right: 30px !important
}

.p-b-30 {
    padding-bottom: 30px !important
}

.p-l-30 {
    padding-left: 30px !important
}

.p-x-30 {
    padding-right: 30px !important;
    padding-left: 30px !important
}

.p-y-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.p-35,
.p-a-35 {
    padding: 35px !important
}

.p-t-35 {
    padding-top: 35px !important
}

.p-r-35 {
    padding-right: 35px !important
}

.p-b-35 {
    padding-bottom: 35px !important
}

.p-l-35 {
    padding-left: 35px !important
}

.p-x-35 {
    padding-right: 35px !important;
    padding-left: 35px !important
}

.p-y-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important
}

.p-40,
.p-a-40 {
    padding: 40px !important
}

.p-t-40 {
    padding-top: 40px !important
}

.p-r-40 {
    padding-right: 40px !important
}

.p-b-40 {
    padding-bottom: 40px !important
}

.p-l-40 {
    padding-left: 40px !important
}

.p-x-40 {
    padding-right: 40px !important;
    padding-left: 40px !important
}

.p-y-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.p-45,
.p-a-45 {
    padding: 45px !important
}

.p-t-45 {
    padding-top: 45px !important
}

.p-r-45 {
    padding-right: 45px !important
}

.p-b-45 {
    padding-bottom: 45px !important
}

.p-l-45 {
    padding-left: 45px !important
}

.p-x-45 {
    padding-right: 45px !important;
    padding-left: 45px !important
}

.p-y-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important
}

.p-50,
.p-a-50 {
    padding: 50px !important
}

.p-t-50 {
    padding-top: 50px !important
}

.p-r-50 {
    padding-right: 50px !important
}

.p-b-50 {
    padding-bottom: 50px !important
}

.p-l-50 {
    padding-left: 50px !important
}

.p-x-50 {
    padding-right: 50px !important;
    padding-left: 50px !important
}

.p-y-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important
}

.p-60,
.p-a-60 {
    padding: 60px !important
}

.p-t-60 {
    padding-top: 60px !important
}

.p-r-60 {
    padding-right: 60px !important
}

.p-b-60 {
    padding-bottom: 60px !important
}

.p-l-60 {
    padding-left: 60px !important
}

.p-x-60 {
    padding-right: 60px !important;
    padding-left: 60px !important
}

.p-y-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important
}

.p-70,
.p-a-70 {
    padding: 70px !important
}

.p-t-70 {
    padding-top: 70px !important
}

.p-r-70 {
    padding-right: 70px !important
}

.p-b-70 {
    padding-bottom: 70px !important
}

.p-l-70 {
    padding-left: 70px !important
}

.p-x-70 {
    padding-right: 70px !important;
    padding-left: 70px !important
}

.p-y-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important
}

.p-80,
.p-a-80 {
    padding: 80px !important
}

.p-t-80 {
    padding-top: 80px !important
}

.p-r-80 {
    padding-right: 80px !important
}

.p-b-80 {
    padding-bottom: 80px !important
}

.p-l-80 {
    padding-left: 80px !important
}

.p-x-80 {
    padding-right: 80px !important;
    padding-left: 80px !important
}

.p-y-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important
}

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

@media (max-width: 767px) {
    .m-xs-0 {
        margin: 0 !important
    }
}

@media (min-width: 768px) {
    .m-sm-0 {
        margin: 0 !important
    }
}

@media (min-width: 992px) {
    .m-md-0 {
        margin: 0 !important
    }
}

@media (min-width: 1200px) {
    .m-lg-0 {
        margin: 0 !important
    }
}

@media (min-width: 1600px) {
    .m-xl-0 {
        margin: 0 !important
    }
}

@media (max-width: 767px) {
    .p-xs-0 {
        padding: 0 !important
    }
}

@media (min-width: 768px) {
    .p-sm-0 {
        padding: 0 !important
    }
}

@media (min-width: 992px) {
    .p-md-0 {
        padding: 0 !important
    }
}

@media (min-width: 1200px) {
    .p-lg-0 {
        padding: 0 !important
    }
}

@media (min-width: 1600px) {
    .p-xl-0 {
        padding: 0 !important
    }
}

.page {
    position: relative;
    min-height: -webkit-calc(100% - 44px);
    min-height: calc(100% - 44px);
    background: #f1f4f5
}

.page-content {
    padding: 30px 30px
}

@media (max-width: 479px) {
    .page-content {
        padding: 10px
    }
}

@media (max-width: 991px) {
    .page {
        min-height: -webkit-calc(100% - 66px);
        min-height: calc(100% - 66px)
    }
}

.page-header+.page-content {
    padding-top: 0
}

.page-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 26px
}

.page-title>.icon {
    margin-right: .3em
}

.page-header {
    position: relative;
    padding: 30px 30px;
    margin-top: 0;
    margin-bottom: 0;
    background: 0 0;
    border-bottom: 0
}

.page-header .breadcrumb {
    padding: 0;
    margin: 0
}

.site-menubar {
    position: fixed;
    top: 66.01px;
    z-index: 1400;
    height: 100%;
    height: -webkit-calc(100% - 66.01px);
    height: calc(100% - 66.01px);
    font-family: Roboto, sans-serif;
    color: rgba(163, 175, 183, .9);
    background: #263238;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08)
}

.site-menubar-body {
    height: 100%;
    height: -webkit-calc(100% - 76px);
    height: calc(100% - 76px)
}

.site-menubar ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.site-menubar a {
    outline: 0
}

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

.site-menu {
    padding-bottom: 20px;
    overflow-y: hidden;
    font-size: 14px
}

.site-menu-item>a {
    white-space: nowrap;
    cursor: pointer
}

.site-menu-icon {
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    text-align: center
}

.site-menu-title {
    display: inline-block;
    max-width: 160px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.site-menu .tag {
    padding: 2px 5px 3px;
    font-size: .858rem;
    font-weight: 400
}

.site-menu-item {
    position: relative;
    white-space: nowrap
}

.site-menu-item a {
    display: block;
    color: rgba(163, 175, 183, .9)
}

.site-menu>.site-menu-item {
    padding: 0
}

.site-menu>.site-menu-item.hover>a,
.site-menu>.site-menu-item:hover>a {
    color: rgba(255, 255, 255, .8);
    background-color: rgba(255, 255, 255, .02)
}

.site-menu>.site-menu-item.active {
    background: #242f35;
    border-top: 1px solid rgba(0, 0, 0, .04);
    border-bottom: 1px solid rgba(0, 0, 0, .04)
}

.site-menu>.site-menu-item.active>a {
    color: #fff;
    background: 0 0
}

.site-menu>.site-menu-item.active.hover>a {
    background: 0 0
}

.site-menubar-fold .page {
    margin-left: 90px
}

.site-menubar-fold .site-menu {
    overflow: visible
}

.site-menubar-fold .site-menu>.site-menu-item {
    font-size: 14px
}

.site-menubar-fold .site-menu>.site-menu-item>a {
    line-height: 60px;
    height: 60px
}

.site-menubar-fold .site-menu>.site-menu-item>a .site-menu-icon,
.site-menubar-fold .site-menu>.site-menu-item>a .site-menu-title {
    -webkit-transition: visibility .25s, opacity .25s;
    -o-transition: visibility .25s, opacity .25s;
    transition: visibility .25s, opacity .25s;
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    text-align: center;
    opacity: 0;
    visibility: hidden
}

.site-menubar-fold .site-menu>.site-menu-item>a .site-menu-icon {
    visibility: visible;
    opacity: 1;
    font-size: 24px;
    margin-right: 0
}

.site-menubar-fold .site-menu>.site-menu-item.active {
    border-top: none;
    border-bottom: none
}

.site-menubar-fold .site-menu>.site-menu-item.active>a .site-menu-icon,
.site-menubar-fold .site-menu>.site-menu-item.hover>a .site-menu-icon {
    visibility: hidden;
    opacity: 0
}

.site-menubar-fold .site-menu>.site-menu-item.active>a .site-menu-title,
.site-menubar-fold .site-menu>.site-menu-item.hover>a .site-menu-title {
    opacity: 1;
    visibility: visible
}

.site-menubar-fold .site-menubar {
    width: 90px
}

@media (max-width: 767px) {
    .site-menubar {
        top: 66.01px;
        height: -webkit-calc(100% - 66.01px);
        height: calc(100% - 66.01px);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
        -ms-transform: translate(-260px, 0);
        -webkit-transform: translate3d(-260px, 0, 0);
        transform: translate3d(-260px, 0, 0)
    }
}

.checkbox-custom,
.radio-custom {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox-custom label,
.radio-custom label {
    min-height: 22px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox-custom input[type=checkbox],
.radio-custom input[type=radio] {
    position: absolute;
    margin-left: -20px;
    margin-top: 0;
    margin-bottom: 0
}

.checkbox-custom.disabled label,
.radio-custom.disabled label {
    cursor: not-allowed
}

.input-group-addon .checkbox-custom,
.input-group-addon .radio-custom {
    margin: 0
}

.checkbox-custom {
    padding-left: 20px
}

.checkbox-custom label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 10px
}

.checkbox-custom label:empty {
    padding-left: 0
}

.checkbox-custom label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #e4eaec;
    border-radius: .215rem;
    background-color: #fff;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.checkbox-custom label::after {
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    left: 0;
    top: 0;
    margin-left: -20px;
    text-align: center;
    padding-top: 1px;
    font-size: 12px;
    color: #76838f
}

.checkbox-custom input[type=radio],
.checkbox-custom input[type=checkbox] {
    opacity: 0;
    z-index: 1;
    width: 20px;
    height: 20px
}

.checkbox-custom input[type=radio]:focus+label::before,
.checkbox-custom input[type=checkbox]:focus+label::before {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.checkbox-custom input[type=radio]:checked+label::before,
.checkbox-custom input[type=checkbox]:checked+label::before {
    border-color: #e4eaec;
    border-width: 10px;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.checkbox-custom input[type=radio]:checked+label::after,
.checkbox-custom input[type=checkbox]:checked+label::after {
    font-family: "metinfo-icon2";
    content: '\e6ad'
}

.checkbox-custom input[type=radio]:disabled+label,
.checkbox-custom input[type=checkbox]:disabled+label {
    opacity: .65
}

.checkbox-custom input[type=radio]:disabled+label::before,
.checkbox-custom input[type=checkbox]:disabled+label::before {
    background-color: #f3f7f9;
    border-color: #e4eaec;
    border-width: 1px;
    cursor: not-allowed
}

.checkbox-custom.checkbox-circle label::before {
    border-radius: 50%
}

.checkbox-custom.checkbox-inline {
    margin-top: 0;
    display: inline-block;
    margin-bottom: 0
}

.checkbox-inline+.checkbox-inline {
    margin-left: 20px
}

.checkbox-default input[type=radio]:checked+label::before,
.checkbox-default input[type=checkbox]:checked+label::before {
    background-color: #fff;
    border-color: #e4eaec;
    border-width: 1px
}

.checkbox-default input[type=radio]:checked+label::after,
.checkbox-default input[type=checkbox]:checked+label::after {
    color: #62a8ea
}

.checkbox-primary input[type=radio]:checked+label::before,
.checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #62a8ea;
    border-color: #62a8ea
}

.checkbox-primary input[type=radio]:checked+label::after,
.checkbox-primary input[type=checkbox]:checked+label::after {
    color: #fff
}

.checkbox-danger input[type=radio]:checked+label::before,
.checkbox-danger input[type=checkbox]:checked+label::before {
    background-color: #f96868;
    border-color: #f96868
}

.checkbox-danger input[type=radio]:checked+label::after,
.checkbox-danger input[type=checkbox]:checked+label::after {
    color: #fff
}

.checkbox-info input[type=radio]:checked+label::before,
.checkbox-info input[type=checkbox]:checked+label::before {
    background-color: #57c7d4;
    border-color: #57c7d4
}

.checkbox-info input[type=radio]:checked+label::after,
.checkbox-info input[type=checkbox]:checked+label::after {
    color: #fff
}

.checkbox-warning input[type=radio]:checked+label::before,
.checkbox-warning input[type=checkbox]:checked+label::before {
    background-color: #f2a654;
    border-color: #f2a654
}

.checkbox-warning input[type=radio]:checked+label::after,
.checkbox-warning input[type=checkbox]:checked+label::after {
    color: #fff
}

.checkbox-success input[type=radio]:checked+label::before,
.checkbox-success input[type=checkbox]:checked+label::before {
    background-color: #46be8a;
    border-color: #46be8a
}

.checkbox-success input[type=radio]:checked+label::after,
.checkbox-success input[type=checkbox]:checked+label::after {
    color: #fff
}

.checkbox-sm {
    padding-left: 18px
}

.checkbox-sm label {
    padding-left: 8px
}

.checkbox-sm label:empty {
    padding-left: 0
}

.checkbox-sm label::after,
.checkbox-sm label::before {
    width: 18px;
    height: 18px;
    margin-left: -18px
}

.checkbox-sm label::after {
    font-size: 10px;
    line-height: 18px
}

.checkbox-sm input[type=radio],
.checkbox-sm input[type=checkbox] {
    width: 18px;
    height: 18px
}

.checkbox-sm input[type=radio]:checked+label::before,
.checkbox-sm input[type=checkbox]:checked+label::before {
    border-width: 9px
}

.checkbox-lg {
    padding-left: 24px
}

.checkbox-lg label {
    padding-left: 12px
}

.checkbox-lg label:empty {
    padding-left: 0
}

.checkbox-lg label::after,
.checkbox-lg label::before {
    width: 24px;
    height: 24px;
    margin-left: -24px
}

.checkbox-lg label::after {
    font-size: 14px;
    line-height: 24px
}

.checkbox-lg input[type=radio],
.checkbox-lg input[type=checkbox] {
    width: 24px;
    height: 24px
}

.checkbox-lg input[type=radio]:checked+label::before,
.checkbox-lg input[type=checkbox]:checked+label::before {
    border-width: 12px
}

.radio-custom {
    padding-left: 20px
}

.radio-custom label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 10px
}

.radio-custom label:empty {
    padding-left: 0
}

.radio-custom label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #e4eaec;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border .3s ease-in-out 0s, color .3s ease-in-out 0s;
    -o-transition: border .3s ease-in-out 0s, color .3s ease-in-out 0s;
    transition: border .3s ease-in-out 0s, color .3s ease-in-out 0s
}

.radio-custom label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 6px;
    height: 6px;
    left: 7px;
    top: 7px;
    margin-left: -20px;
    border: 2px solid #76838f;
    border-radius: 50%;
    background-color: transparent;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: .1s cubic-bezier(.8, -.33, .2, 1.33);
    -o-transition: .1s cubic-bezier(.8, -.33, .2, 1.33);
    transition: .1s cubic-bezier(.8, -.33, .2, 1.33)
}

.radio-custom input[type=radio] {
    width: 20px;
    height: 20px;
    opacity: 0;
    z-index: 1
}

.radio-custom input[type=radio]:focus+label::before {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.radio-custom input[type=radio]:checked+label::before {
    border-color: #e4eaec;
    border-width: 10px
}

.radio-custom input[type=radio]:checked+label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1)
}

.radio-custom input[type=radio]:disabled+label {
    opacity: .65
}

.radio-custom input[type=radio]:disabled+label::before {
    cursor: not-allowed
}

.radio-custom.radio-inline {
    margin-top: 0;
    display: inline-block;
    margin-bottom: 0
}

.radio-inline+.radio-inline {
    margin-left: 20px
}

.radio-default input[type=radio]:checked+label::before {
    background-color: #fff;
    border-color: #e4eaec;
    border-width: 1px
}

.radio-default input[type=radio]:checked+label::after {
    border-color: #62a8ea
}

.radio-primary input[type=radio]:checked+label::before {
    border-color: #62a8ea
}

.radio-primary input[type=radio]:checked+label::after {
    border-color: #fff
}

.radio-danger input[type=radio]:checked+label::before {
    border-color: #f96868
}

.radio-danger input[type=radio]:checked+label::after {
    border-color: #fff
}

.radio-info input[type=radio]:checked+label::before {
    border-color: #57c7d4
}

.radio-info input[type=radio]:checked+label::after {
    border-color: #fff
}

.radio-warning input[type=radio]:checked+label::before {
    border-color: #f2a654
}

.radio-warning input[type=radio]:checked+label::after {
    border-color: #fff
}

.radio-success input[type=radio]:checked+label::before {
    border-color: #46be8a
}

.radio-success input[type=radio]:checked+label::after {
    border-color: #fff
}

.radio-sm {
    padding-left: 18px
}

.radio-sm label {
    padding-left: 8px
}

.radio-sm label:empty {
    padding-left: 0
}

.radio-sm label::before {
    width: 18px;
    height: 18px;
    margin-left: -20px
}

.radio-sm label::after {
    width: 4px;
    height: 4px;
    left: 7px;
    top: 7px;
    margin-left: -20px;
    border-width: 2px
}

.radio-sm input[type=radio] {
    width: 18px;
    height: 18px
}

.radio-sm input[type=radio]:checked+label::before {
    border-width: 9px
}

.radio-lg {
    padding-left: 24px
}

.radio-lg label {
    padding-left: 12px
}

.radio-lg label:empty {
    padding-left: 0
}

.radio-lg label::before {
    width: 24px;
    height: 24px;
    margin-left: -20px
}

.radio-lg label::after {
    width: 8px;
    height: 8px;
    left: 8px;
    top: 8px;
    margin-left: -20px;
    border-width: 2px
}

.radio-lg input[type=radio] {
    width: 24px;
    height: 24px
}

.radio-lg input[type=radio]:checked+label::before {
    border-width: 12px
}

@media (min-width: 768px) {

    .form-inline .checkbox-custom,
    .form-inline .radio-custom {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox-custom label,
    .form-inline .radio-custom label {
        padding-left: 0
    }

    .form-inline .checkbox-custom input[type=checkbox],
    .form-inline .radio-custom input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .radio-custom label {
        padding-left: 10px
    }

    .form-inline .checkbox-custom label {
        padding-left: 10px
    }

    .form-inline .checkbox-custom input[type=checkbox] {
        position: absolute;
        margin-left: -20px
    }

    .form-inline .radio-custom input[type=radio] {
        position: absolute;
        margin-left: -20px
    }
}

.form-horizontal .checkbox-custom,
.form-horizontal .radio-custom {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: .501rem
}

.form-horizontal .checkbox-custom,
.form-horizontal .radio-custom {
    min-height: 2.073rem
}

.loader {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    font-size: 40px;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.loader-default {
    width: 1em;
    height: 1em;
    background-color: #a3afb7;
    border-radius: 100%;
    -webkit-animation: loader-default 1s infinite ease-in-out;
    -o-animation: loader-default 1s infinite ease-in-out;
    animation: loader-default 1s infinite ease-in-out
}

.loader-grill {
    width: .25em;
    height: .5em;
    background: #a3afb7;
    -webkit-animation: default-grill 1s infinite ease-in-out -.16s;
    -o-animation: default-grill 1s infinite ease-in-out -.16s;
    animation: default-grill 1s infinite ease-in-out -.16s
}

.loader-grill:after,
.loader-grill:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #a3afb7;
    -webkit-animation: default-grill 1s infinite ease-in-out;
    -o-animation: default-grill 1s infinite ease-in-out;
    animation: default-grill 1s infinite ease-in-out
}

.loader-grill:before {
    left: -.375em;
    -webkit-animation-delay: -.32s;
    -o-animation-delay: -.32s;
    animation-delay: -.32s
}

.loader-grill:after {
    left: .375em
}

.loader-circle {
    width: 1em;
    height: 1em;
    border-top: .125em solid rgba(163, 175, 183, .5);
    border-right: .125em solid rgba(163, 175, 183, .5);
    border-bottom: .125em solid rgba(163, 175, 183, .5);
    border-left: .125em solid #a3afb7;
    border-radius: 50%;
    -webkit-animation: loader-circle 1.1s infinite linear;
    -o-animation: loader-circle 1.1s infinite linear;
    animation: loader-circle 1.1s infinite linear
}

.loader-round-circle {
    width: 1em;
    height: 1em;
    font-size: 10px;
    border-radius: 50%;
    -webkit-animation: loader-round-circle 1.3s infinite linear;
    -o-animation: loader-round-circle 1.3s infinite linear;
    animation: loader-round-circle 1.3s infinite linear
}

.loader-tadpole {
    width: 1em;
    height: 1em;
    border-radius: 50%;
    -webkit-animation: loader-tadpole 1.7s infinite ease;
    -o-animation: loader-tadpole 1.7s infinite ease;
    animation: loader-tadpole 1.7s infinite ease
}

.loader-ellipsis {
    top: -.625em;
    width: .625em;
    height: .625em;
    border-radius: 50%;
    -webkit-animation: loader-ellipsis 1.8s infinite ease-in-out both -.16s;
    -o-animation: loader-ellipsis 1.8s infinite ease-in-out both -.16s;
    animation: loader-ellipsis 1.8s infinite ease-in-out both -.16s
}

.loader-ellipsis:after,
.loader-ellipsis:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 50%;
    -webkit-animation: loader-ellipsis 1.8s infinite ease-in-out both;
    -o-animation: loader-ellipsis 1.8s infinite ease-in-out both;
    animation: loader-ellipsis 1.8s infinite ease-in-out both
}

.loader-ellipsis:before {
    left: -.875em;
    -webkit-animation-delay: -.32s;
    -o-animation-delay: -.32s;
    animation-delay: -.32s
}

.loader-ellipsis:after {
    left: .875em
}

.loader-dot {
    width: 2em;
    height: 2em;
    -webkit-animation: loader-dot-rotate 2s infinite linear;
    -o-animation: loader-dot-rotate 2s infinite linear;
    animation: loader-dot-rotate 2s infinite linear
}

.loader-dot:after,
.loader-dot:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 60%;
    content: "";
    background: #a3afb7;
    border-radius: 100%;
    -webkit-animation: loader-dot-bounce 2s infinite ease-in-out;
    -o-animation: loader-dot-bounce 2s infinite ease-in-out;
    animation: loader-dot-bounce 2s infinite ease-in-out
}

.loader-dot:after {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    -o-animation-delay: -1s;
    animation-delay: -1s
}

.loader-bounce {
    width: 1.5em;
    height: 1.5em
}

.loader-bounce:after,
.loader-bounce:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #a3afb7;
    border-radius: 50%;
    opacity: .6;
    -webkit-animation: loader-bounce 2s infinite ease-in-out;
    -o-animation: loader-bounce 2s infinite ease-in-out;
    animation: loader-bounce 2s infinite ease-in-out
}

.loader-bounce:after {
    -webkit-animation-delay: -1s;
    -o-animation-delay: -1s;
    animation-delay: -1s
}

.loader-cube {
    width: 2em;
    height: 2em
}

.loader-cube:after,
.loader-cube:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 25%;
    height: 25%;
    content: "";
    background: #a3afb7;
    -webkit-animation: loader-cube 2s infinite ease-in-out;
    -o-animation: loader-cube 2s infinite ease-in-out;
    animation: loader-cube 2s infinite ease-in-out
}

.loader-cube:after {
    -webkit-animation-delay: -1s;
    -o-animation-delay: -1s;
    animation-delay: -1s
}

.loader-rotate-plane {
    width: 1em;
    height: 1em;
    background: #a3afb7;
    -webkit-animation: loader-rotate-plane 1.2s infinite ease-in-out;
    -o-animation: loader-rotate-plane 1.2s infinite ease-in-out;
    animation: loader-rotate-plane 1.2s infinite ease-in-out
}

.loader-folding-cube {
    width: .8em;
    height: .8em;
    -webkit-transform: rotate(45deg) translateZ(0);
    transform: rotate(45deg) translateZ(0)
}

.loader-folding-cube:after,
.loader-folding-cube:before {
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    background: #a3afb7
}

.loader-folding-cube:before {
    left: 0;
    bottom: 50%;
    -webkit-animation-delay: -.6s;
    -o-animation-delay: -.6s;
    animation-delay: -.6s;
    -webkit-animation: loader-folding-cube-before 2.4s infinite ease-in-out;
    -o-animation: loader-folding-cube-before 2.4s infinite ease-in-out;
    animation: loader-folding-cube-before 2.4s infinite ease-in-out
}

.loader-folding-cube:after {
    top: 50%;
    right: 0;
    -webkit-animation: loader-folding-cube-after 2.4s infinite ease-in-out;
    -o-animation: loader-folding-cube-after 2.4s infinite ease-in-out;
    animation: loader-folding-cube-after 2.4s infinite ease-in-out
}

.loader-cube-grid {
    top: -.6em;
    width: .3em;
    height: .3em;
    -webkit-animation: loader-cube-grid 1.2s infinite ease-in-out;
    -o-animation: loader-cube-grid 1.2s infinite ease-in-out;
    animation: loader-cube-grid 1.2s infinite ease-in-out
}

.loader-cube-grid:after,
.loader-cube-grid:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.loader-cube-grid:before {
    -webkit-animation: loader-cube-grid-before 1.2s infinite ease-in-out;
    -o-animation: loader-cube-grid-before 1.2s infinite ease-in-out;
    animation: loader-cube-grid-before 1.2s infinite ease-in-out
}

.loader-cube-grid:after {
    -webkit-animation: loader-cube-grid-after 1.2s infinite ease-in-out;
    -o-animation: loader-cube-grid-after 1.2s infinite ease-in-out;
    animation: loader-cube-grid-after 1.2s infinite ease-in-out
}

.side-panel-loading,
body>.loader {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -20px
}

.site-menubar-fold>.loader {
    margin-left: 45px
}

.loader-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #62a8ea;
    z-index: 999999
}

.loader-content {
    margin: 50vh auto 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-transform: uppercase
}

.loader-content h2 {
    color: #fff;
    font-weight: 500
}

.loader-index {
    margin-top: 20px
}

.loader-index>div {
    width: 4px;
    height: 25px;
    border-radius: 2px;
    margin: 2px;
    background: #fff;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: loader-index .9s -.8s infinite cubic-bezier(.85, .25, .37, .85);
    -o-animation: loader-index .9s -.8s infinite cubic-bezier(.85, .25, .37, .85);
    animation: loader-index .9s -.8s infinite cubic-bezier(.85, .25, .37, .85)
}

.loader-index>div:nth-child(2),
.loader-index>div:nth-child(4) {
    -webkit-animation-delay: -.6s !important;
    -o-animation-delay: -.6s !important;
    animation-delay: -.6s !important
}

.loader-index>div:nth-child(1),
.loader-index>div:nth-child(5) {
    -webkit-animation-delay: -.4s !important;
    -o-animation-delay: -.4s !important;
    animation-delay: -.4s !important
}

.loader-index>div:nth-child(6) {
    -webkit-animation-delay: -.2s !important;
    -o-animation-delay: -.2s !important;
    animation-delay: -.2s !important
}

@-webkit-keyframes loader-index {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }

    50% {
        -webkit-transform: scaley(.4);
        transform: scaley(.4)
    }

    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

@-o-keyframes loader-index {
    0% {
        -o-transform: scaley(1);
        transform: scaley(1)
    }

    50% {
        -o-transform: scaley(.4);
        transform: scaley(.4)
    }

    100% {
        -o-transform: scaley(1);
        transform: scaley(1)
    }
}

@keyframes loader-index {
    0% {
        -webkit-transform: scaley(1);
        -o-transform: scaley(1);
        transform: scaley(1)
    }

    50% {
        -webkit-transform: scaley(.4);
        -o-transform: scaley(.4);
        transform: scaley(.4)
    }

    100% {
        -webkit-transform: scaley(1);
        -o-transform: scaley(1);
        transform: scaley(1)
    }
}

@-webkit-keyframes loader-default {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes loader-default {
    0% {
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes loader-default {
    0% {
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes default-grill {

    0%,
    100%,
    80% {
        height: 1em;
        -webkit-box-shadow: 0 0 #a3afb7;
        box-shadow: 0 0 #a3afb7
    }

    40% {
        height: 1.2em;
        -webkit-box-shadow: 0 -.25em #a3afb7;
        box-shadow: 0 -.25em #a3afb7
    }
}

@-o-keyframes default-grill {

    0%,
    100%,
    80% {
        height: 1em;
        box-shadow: 0 0 #a3afb7
    }

    40% {
        height: 1.2em;
        box-shadow: 0 -.25em #a3afb7
    }
}

@keyframes default-grill {

    0%,
    100%,
    80% {
        height: 1em;
        -webkit-box-shadow: 0 0 #a3afb7;
        box-shadow: 0 0 #a3afb7
    }

    40% {
        height: 1.2em;
        -webkit-box-shadow: 0 -.25em #a3afb7;
        box-shadow: 0 -.25em #a3afb7
    }
}

@-webkit-keyframes loader-circle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes loader-circle {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader-circle {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes loader-round-circle {

    0%,
    100% {
        -webkit-box-shadow: 0 -3em 0 .2em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 0 #a3afb7;
        box-shadow: 0 -3em 0 .2em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 0 #a3afb7
    }

    12.5% {
        -webkit-box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 .2em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 .2em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    25% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 .2em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 .2em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    37.5% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 .2em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 .2em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    50% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 .2em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 .2em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    62.5% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 .2em #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 .2em #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    75% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 .2em #a3afb7, -2em -2em 0 0 #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 .2em #a3afb7, -2em -2em 0 0 #a3afb7
    }

    87.5% {
        -webkit-box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 .2em #a3afb7;
        box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 .2em #a3afb7
    }
}

@-o-keyframes loader-round-circle {

    0%,
    100% {
        box-shadow: 0 -3em 0 .2em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 0 #a3afb7
    }

    12.5% {
        box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 .2em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    25% {
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 .2em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    37.5% {
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 .2em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    50% {
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 .2em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    62.5% {
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 .2em #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    75% {
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 .2em #a3afb7, -2em -2em 0 0 #a3afb7
    }

    87.5% {
        box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 .2em #a3afb7
    }
}

@keyframes loader-round-circle {

    0%,
    100% {
        -webkit-box-shadow: 0 -3em 0 .2em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 0 #a3afb7;
        box-shadow: 0 -3em 0 .2em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 0 #a3afb7
    }

    12.5% {
        -webkit-box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 .2em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 .2em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    25% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 .2em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 .2em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    37.5% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 .2em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 .2em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    50% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 .2em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 .2em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    62.5% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 .2em #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 .2em #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 -.5em #a3afb7
    }

    75% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 .2em #a3afb7, -2em -2em 0 0 #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 .2em #a3afb7, -2em -2em 0 0 #a3afb7
    }

    87.5% {
        -webkit-box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 .2em #a3afb7;
        box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 .2em #a3afb7
    }
}

@-webkit-keyframes loader-tadpole {
    0% {
        -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
        box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    5%,
    95% {
        -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
        box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7
    }

    10%,
    59% {
        -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, -.087em -.825em 0 -.42em #a3afb7, -.173em -.812em 0 -.44em #a3afb7, -.256em -.789em 0 -.46em #a3afb7, -.297em -.775em 0 -.477em #a3afb7;
        box-shadow: 0 -.83em 0 -.4em #a3afb7, -.087em -.825em 0 -.42em #a3afb7, -.173em -.812em 0 -.44em #a3afb7, -.256em -.789em 0 -.46em #a3afb7, -.297em -.775em 0 -.477em #a3afb7
    }

    20% {
        -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, -.338em -.758em 0 -.42em #a3afb7, -.555em -.617em 0 -.44em #a3afb7, -.671em -.488em 0 -.46em #a3afb7, -.749em -.34em 0 -.477em #a3afb7;
        box-shadow: 0 -.83em 0 -.4em #a3afb7, -.338em -.758em 0 -.42em #a3afb7, -.555em -.617em 0 -.44em #a3afb7, -.671em -.488em 0 -.46em #a3afb7, -.749em -.34em 0 -.477em #a3afb7
    }

    38% {
        -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, -.377em -.74em 0 -.42em #a3afb7, -.645em -.522em 0 -.44em #a3afb7, -.775em -.297em 0 -.46em #a3afb7, -.82em -.09em 0 -.477em #a3afb7;
        box-shadow: 0 -.83em 0 -.4em #a3afb7, -.377em -.74em 0 -.42em #a3afb7, -.645em -.522em 0 -.44em #a3afb7, -.775em -.297em 0 -.46em #a3afb7, -.82em -.09em 0 -.477em #a3afb7
    }

    100% {
        -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
        box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes loader-tadpole {
    0% {
        box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    5%,
    95% {
        box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7
    }

    10%,
    59% {
        box-shadow: 0 -.83em 0 -.4em #a3afb7, -.087em -.825em 0 -.42em #a3afb7, -.173em -.812em 0 -.44em #a3afb7, -.256em -.789em 0 -.46em #a3afb7, -.297em -.775em 0 -.477em #a3afb7
    }

    20% {
        box-shadow: 0 -.83em 0 -.4em #a3afb7, -.338em -.758em 0 -.42em #a3afb7, -.555em -.617em 0 -.44em #a3afb7, -.671em -.488em 0 -.46em #a3afb7, -.749em -.34em 0 -.477em #a3afb7
    }

    38% {
        box-shadow: 0 -.83em 0 -.4em #a3afb7, -.377em -.74em 0 -.42em #a3afb7, -.645em -.522em 0 -.44em #a3afb7, -.775em -.297em 0 -.46em #a3afb7, -.82em -.09em 0 -.477em #a3afb7
    }

    100% {
        box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader-tadpole {
    0% {
        -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
        box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    5%,
    95% {
        -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
        box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7
    }

    10%,
    59% {
        -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, -.087em -.825em 0 -.42em #a3afb7, -.173em -.812em 0 -.44em #a3afb7, -.256em -.789em 0 -.46em #a3afb7, -.297em -.775em 0 -.477em #a3afb7;
        box-shadow: 0 -.83em 0 -.4em #a3afb7, -.087em -.825em 0 -.42em #a3afb7, -.173em -.812em 0 -.44em #a3afb7, -.256em -.789em 0 -.46em #a3afb7, -.297em -.775em 0 -.477em #a3afb7
    }

    20% {
        -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, -.338em -.758em 0 -.42em #a3afb7, -.555em -.617em 0 -.44em #a3afb7, -.671em -.488em 0 -.46em #a3afb7, -.749em -.34em 0 -.477em #a3afb7;
        box-shadow: 0 -.83em 0 -.4em #a3afb7, -.338em -.758em 0 -.42em #a3afb7, -.555em -.617em 0 -.44em #a3afb7, -.671em -.488em 0 -.46em #a3afb7, -.749em -.34em 0 -.477em #a3afb7
    }

    38% {
        -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, -.377em -.74em 0 -.42em #a3afb7, -.645em -.522em 0 -.44em #a3afb7, -.775em -.297em 0 -.46em #a3afb7, -.82em -.09em 0 -.477em #a3afb7;
        box-shadow: 0 -.83em 0 -.4em #a3afb7, -.377em -.74em 0 -.42em #a3afb7, -.645em -.522em 0 -.44em #a3afb7, -.775em -.297em 0 -.46em #a3afb7, -.82em -.09em 0 -.477em #a3afb7
    }

    100% {
        -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
        box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes loader-ellipsis {

    0%,
    100%,
    80% {
        -webkit-box-shadow: 0 .625em 0 -.325em #a3afb7;
        box-shadow: 0 .625em 0 -.325em #a3afb7
    }

    40% {
        -webkit-box-shadow: 0 .625em 0 0 #a3afb7;
        box-shadow: 0 .625em 0 0 #a3afb7
    }
}

@-o-keyframes loader-ellipsis {

    0%,
    100%,
    80% {
        box-shadow: 0 .625em 0 -.325em #a3afb7
    }

    40% {
        box-shadow: 0 .625em 0 0 #a3afb7
    }
}

@keyframes loader-ellipsis {

    0%,
    100%,
    80% {
        -webkit-box-shadow: 0 .625em 0 -.325em #a3afb7;
        box-shadow: 0 .625em 0 -.325em #a3afb7
    }

    40% {
        -webkit-box-shadow: 0 .625em 0 0 #a3afb7;
        box-shadow: 0 .625em 0 0 #a3afb7
    }
}

@-webkit-keyframes loader-dot-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes loader-dot-rotate {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader-dot-rotate {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes loader-dot-bounce {

    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes loader-dot-bounce {

    0%,
    100% {
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes loader-dot-bounce {

    0%,
    100% {
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes loader-bounce {

    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes loader-bounce {

    0%,
    100% {
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes loader-bounce {

    0%,
    100% {
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes loader-cube {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    25% {
        -webkit-transform: translateX(1.5em) rotate(-90deg) scale(.5);
        transform: translateX(1.5em) rotate(-90deg) scale(.5)
    }

    50% {
        -webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-179deg);
        transform: translateX(1.5em) translateY(1.5em) rotate(-179deg)
    }

    50.1% {
        -webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-180deg);
        transform: translateX(1.5em) translateY(1.5em) rotate(-180deg)
    }

    75% {
        -webkit-transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(.5);
        transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(.5)
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-o-keyframes loader-cube {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    25% {
        -webkit-transform: translateX(1.5em) rotate(-90deg) scale(.5);
        -o-transform: translateX(1.5em) rotate(-90deg) scale(.5);
        transform: translateX(1.5em) rotate(-90deg) scale(.5)
    }

    50% {
        -webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-179deg);
        -o-transform: translateX(1.5em) translateY(1.5em) rotate(-179deg);
        transform: translateX(1.5em) translateY(1.5em) rotate(-179deg)
    }

    50.1% {
        -webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-180deg);
        -o-transform: translateX(1.5em) translateY(1.5em) rotate(-180deg);
        transform: translateX(1.5em) translateY(1.5em) rotate(-180deg)
    }

    75% {
        -webkit-transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(.5);
        -o-transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(.5);
        transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(.5)
    }

    100% {
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes loader-cube {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    25% {
        -webkit-transform: translateX(1.5em) rotate(-90deg) scale(.5);
        -o-transform: translateX(1.5em) rotate(-90deg) scale(.5);
        transform: translateX(1.5em) rotate(-90deg) scale(.5)
    }

    50% {
        -webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-179deg);
        -o-transform: translateX(1.5em) translateY(1.5em) rotate(-179deg);
        transform: translateX(1.5em) translateY(1.5em) rotate(-179deg)
    }

    50.1% {
        -webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-180deg);
        -o-transform: translateX(1.5em) translateY(1.5em) rotate(-180deg);
        transform: translateX(1.5em) translateY(1.5em) rotate(-180deg)
    }

    75% {
        -webkit-transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(.5);
        -o-transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(.5);
        transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(.5)
    }

    100% {
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes loader-rotate-plane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
        transform: perspective(120px) rotateX(0) rotateY(0)
    }

    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }

    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

@-o-keyframes loader-rotate-plane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
        transform: perspective(120px) rotateX(0) rotateY(0)
    }

    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }

    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

@keyframes loader-rotate-plane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
        transform: perspective(120px) rotateX(0) rotateY(0)
    }

    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }

    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

@-webkit-keyframes loader-folding-cube-before {
    0% {
        height: 0;
        width: 50%
    }

    7.5% {
        height: 50%;
        width: 50%
    }

    12.5% {
        height: 50%;
        width: 50%
    }

    20% {
        height: 50%;
        width: 100%
    }

    25% {
        height: 50%;
        width: 100%
    }

    50% {
        left: auto;
        right: 0;
        height: 50%;
        width: 100%
    }

    57.5% {
        height: 50%;
        width: 50%
    }

    62.5% {
        height: 50%;
        width: 50%
    }

    70% {
        width: 50%;
        height: 0
    }

    75% {
        width: 50%;
        height: 0
    }
}

@-o-keyframes loader-folding-cube-before {
    0% {
        height: 0;
        width: 50%
    }

    7.5% {
        height: 50%;
        width: 50%
    }

    12.5% {
        height: 50%;
        width: 50%
    }

    20% {
        height: 50%;
        width: 100%
    }

    25% {
        height: 50%;
        width: 100%
    }

    50% {
        left: auto;
        right: 0;
        height: 50%;
        width: 100%
    }

    57.5% {
        height: 50%;
        width: 50%
    }

    62.5% {
        height: 50%;
        width: 50%
    }

    70% {
        width: 50%;
        height: 0
    }

    75% {
        width: 50%;
        height: 0
    }
}

@keyframes loader-folding-cube-before {
    0% {
        height: 0;
        width: 50%
    }

    7.5% {
        height: 50%;
        width: 50%
    }

    12.5% {
        height: 50%;
        width: 50%
    }

    20% {
        height: 50%;
        width: 100%
    }

    25% {
        height: 50%;
        width: 100%
    }

    50% {
        left: auto;
        right: 0;
        height: 50%;
        width: 100%
    }

    57.5% {
        height: 50%;
        width: 50%
    }

    62.5% {
        height: 50%;
        width: 50%
    }

    70% {
        width: 50%;
        height: 0
    }

    75% {
        width: 50%;
        height: 0
    }
}

@-webkit-keyframes loader-folding-cube-after {
    0% {
        height: 0;
        width: 50%
    }

    7.5% {
        height: 50%;
        width: 50%
    }

    12.5% {
        height: 50%;
        width: 50%
    }

    20% {
        height: 50%;
        width: 100%
    }

    25% {
        height: 50%;
        width: 100%
    }

    50% {
        left: 0;
        right: auto;
        height: 50%;
        width: 100%
    }

    57.5% {
        height: 50%;
        width: 50%
    }

    62.5% {
        height: 50%;
        width: 50%
    }

    75% {
        width: 50%;
        height: 0
    }
}

@-o-keyframes loader-folding-cube-after {
    0% {
        height: 0;
        width: 50%
    }

    7.5% {
        height: 50%;
        width: 50%
    }

    12.5% {
        height: 50%;
        width: 50%
    }

    20% {
        height: 50%;
        width: 100%
    }

    25% {
        height: 50%;
        width: 100%
    }

    50% {
        left: 0;
        right: auto;
        height: 50%;
        width: 100%
    }

    57.5% {
        height: 50%;
        width: 50%
    }

    62.5% {
        height: 50%;
        width: 50%
    }

    75% {
        width: 50%;
        height: 0
    }
}

@keyframes loader-folding-cube-after {
    0% {
        height: 0;
        width: 50%
    }

    7.5% {
        height: 50%;
        width: 50%
    }

    12.5% {
        height: 50%;
        width: 50%
    }

    20% {
        height: 50%;
        width: 100%
    }

    25% {
        height: 50%;
        width: 100%
    }

    50% {
        left: 0;
        right: auto;
        height: 50%;
        width: 100%
    }

    57.5% {
        height: 50%;
        width: 50%
    }

    62.5% {
        height: 50%;
        width: 50%
    }

    75% {
        width: 50%;
        height: 0
    }
}

@-webkit-keyframes loader-cube-grid {
    15% {
        -webkit-box-shadow: -.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7;
        box-shadow: -.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7
    }

    30% {
        -webkit-box-shadow: -.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7;
        box-shadow: -.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7
    }

    70% {
        -webkit-box-shadow: -.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7;
        box-shadow: -.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7
    }

    85% {
        -webkit-box-shadow: -.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7;
        box-shadow: -.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7
    }
}

@-o-keyframes loader-cube-grid {
    15% {
        box-shadow: -.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7
    }

    30% {
        box-shadow: -.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7
    }

    70% {
        box-shadow: -.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7
    }

    85% {
        box-shadow: -.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7
    }
}

@keyframes loader-cube-grid {
    15% {
        -webkit-box-shadow: -.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7;
        box-shadow: -.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7
    }

    30% {
        -webkit-box-shadow: -.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7;
        box-shadow: -.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7
    }

    70% {
        -webkit-box-shadow: -.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7;
        box-shadow: -.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7
    }

    85% {
        -webkit-box-shadow: -.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7;
        box-shadow: -.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7
    }
}

@-webkit-keyframes loader-cube-grid-before {
    0% {
        -webkit-box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7;
        box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7
    }

    15% {
        -webkit-box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7;
        box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7
    }

    22.5% {
        -webkit-box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7;
        box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7
    }

    37.5% {
        -webkit-box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7;
        box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7
    }

    55% {
        -webkit-box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7;
        box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7
    }

    70% {
        -webkit-box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7;
        box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7
    }

    77.5% {
        -webkit-box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7;
        box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7
    }

    92.5% {
        -webkit-box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7;
        box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7
    }
}

@-o-keyframes loader-cube-grid-before {
    0% {
        box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7
    }

    15% {
        box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7
    }

    22.5% {
        box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7
    }

    37.5% {
        box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7
    }

    55% {
        box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7
    }

    70% {
        box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7
    }

    77.5% {
        box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7
    }

    92.5% {
        box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7
    }
}

@keyframes loader-cube-grid-before {
    0% {
        -webkit-box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7;
        box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7
    }

    15% {
        -webkit-box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7;
        box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7
    }

    22.5% {
        -webkit-box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7;
        box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7
    }

    37.5% {
        -webkit-box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7;
        box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7
    }

    55% {
        -webkit-box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7;
        box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7
    }

    70% {
        -webkit-box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7;
        box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7
    }

    77.5% {
        -webkit-box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7;
        box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7
    }

    92.5% {
        -webkit-box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7;
        box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7
    }
}

@-webkit-keyframes loader-cube-grid-after {
    7.5% {
        -webkit-box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7;
        box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7
    }

    22.5% {
        -webkit-box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7;
        box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7
    }

    30% {
        -webkit-box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7;
        box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7
    }

    45% {
        -webkit-box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7;
        box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7
    }

    62.5% {
        -webkit-box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7;
        box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7
    }

    77.5% {
        -webkit-box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7;
        box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7
    }

    85% {
        -webkit-box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7;
        box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7
    }

    100% {
        -webkit-box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7;
        box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7
    }
}

@-o-keyframes loader-cube-grid-after {
    7.5% {
        box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7
    }

    22.5% {
        box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7
    }

    30% {
        box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7
    }

    45% {
        box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7
    }

    62.5% {
        box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7
    }

    77.5% {
        box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7
    }

    85% {
        box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7
    }

    100% {
        box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7
    }
}

@keyframes loader-cube-grid-after {
    7.5% {
        -webkit-box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7;
        box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7
    }

    22.5% {
        -webkit-box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7;
        box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7
    }

    30% {
        -webkit-box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7;
        box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7
    }

    45% {
        -webkit-box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7;
        box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7
    }

    62.5% {
        -webkit-box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7;
        box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7
    }

    77.5% {
        -webkit-box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7;
        box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7
    }

    85% {
        -webkit-box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7;
        box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7
    }

    100% {
        -webkit-box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7;
        box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7
    }
}

[class*=animation-] {
    -webkit-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.animation-hover:not(:hover),
.animation-hover:not(:hover) [class*=animation-],
.touch .animation-hover:not(.hover),
.touch .animation-hover:not(.hover) [class*=animation-] {
    -webkit-animation-name: none;
    -o-animation-name: none;
    animation-name: none
}

.animation-reverse {
    -webkit-animation-direction: reverse;
    -o-animation-direction: reverse;
    animation-direction: reverse;
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.animation-repeat {
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animation-fade {
    -webkit-animation-name: fade;
    -o-animation-name: fade;
    animation-name: fade;
    -webkit-animation-duration: .8s;
    -o-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear
}

.animation-scale {
    -webkit-animation-name: scale-12;
    -o-animation-name: scale-12;
    animation-name: scale-12
}

.animation-scale-up {
    -webkit-animation-name: fade-scale-02;
    -o-animation-name: fade-scale-02;
    animation-name: fade-scale-02
}

.animation-scale-down {
    -webkit-animation-name: fade-scale-18;
    -o-animation-name: fade-scale-18;
    animation-name: fade-scale-18
}

.animation-slide-top {
    -webkit-animation-name: slide-top;
    -o-animation-name: slide-top;
    animation-name: slide-top
}

.animation-slide-bottom {
    -webkit-animation-name: slide-bottom;
    -o-animation-name: slide-bottom;
    animation-name: slide-bottom
}

.animation-slide-left {
    -webkit-animation-name: slide-left;
    -o-animation-name: slide-left;
    animation-name: slide-left
}

.animation-slide-right {
    -webkit-animation-name: slide-right;
    -o-animation-name: slide-right;
    animation-name: slide-right
}

.animation-shake {
    -webkit-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake
}

.animation-duration-10 {
    -webkit-animation-duration: 15s;
    -o-animation-duration: 15s;
    animation-duration: 15s
}

.animation-duration-9 {
    -webkit-animation-duration: 9s;
    -o-animation-duration: 9s;
    animation-duration: 9s
}

.animation-duration-8 {
    -webkit-animation-duration: 8s;
    -o-animation-duration: 8s;
    animation-duration: 8s
}

.animation-duration-7 {
    -webkit-animation-duration: 7s;
    -o-animation-duration: 7s;
    animation-duration: 7s
}

.animation-duration-6 {
    -webkit-animation-duration: 6s;
    -o-animation-duration: 6s;
    animation-duration: 6s
}

.animation-duration-5 {
    -webkit-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s
}

.animation-duration-4 {
    -webkit-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s
}

.animation-duration-3 {
    -webkit-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s
}

.animation-duration-2 {
    -webkit-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s
}

.animation-duration-1 {
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s
}

.animation-delay-100 {
    -webkit-animation-duration: .1s;
    -o-animation-duration: .1s;
    animation-duration: .1s
}

.animation-duration-250 {
    -webkit-animation-duration: 250ms;
    -o-animation-duration: 250ms;
    animation-duration: 250ms
}

.animation-duration-300 {
    -webkit-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s
}

.animation-duration-500 {
    -webkit-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s
}

.animation-duration-750 {
    -webkit-animation-duration: 750ms;
    -o-animation-duration: 750ms;
    animation-duration: 750ms
}

.animation-delay-1000 {
    -webkit-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s
}

.animation-delay-900 {
    -webkit-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s
}

.animation-delay-800 {
    -webkit-animation-delay: .8s;
    -o-animation-delay: .8s;
    animation-delay: .8s
}

.animation-delay-700 {
    -webkit-animation-delay: .7s;
    -o-animation-delay: .7s;
    animation-delay: .7s
}

.animation-delay-600 {
    -webkit-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s
}

.animation-delay-500 {
    -webkit-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s
}

.animation-delay-400 {
    -webkit-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s
}

.animation-delay-300 {
    -webkit-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.animation-delay-200 {
    -webkit-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.animation-delay-100 {
    -webkit-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.animation-top-left {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0
}

.animation-top-center {
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.animation-top-right {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.animation-middle-left {
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.animation-middle-right {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.animation-bottom-left {
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.animation-bottom-center {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.animation-bottom-right {
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

@-webkit-keyframes fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes scale-12 {
    0% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes scale-12 {
    0% {
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale-12 {
    0% {
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes fade-scale-02 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes fade-scale-02 {
    0% {
        opacity: 0;
        -o-transform: scale(.2);
        transform: scale(.2)
    }

    100% {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes fade-scale-02 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2);
        -o-transform: scale(.2);
        transform: scale(.2)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes fade-scale-18 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes fade-scale-18 {
    0% {
        opacity: 0;
        -o-transform: scale(1.8);
        transform: scale(1.8)
    }

    100% {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes fade-scale-18 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.8);
        -o-transform: scale(1.8);
        transform: scale(1.8)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes slide-top {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes slide-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes slide-left {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes slide-right {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10% {
        -webkit-transform: translateX(-9px);
        transform: translateX(-9px)
    }

    20% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    30% {
        -webkit-transform: translateX(-7px);
        transform: translateX(-7px)
    }

    40% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    50% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    60% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    70% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }

    90% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px)
    }
}

@-o-keyframes shake {

    0%,
    100% {
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    10% {
        -o-transform: translateX(-9px);
        transform: translateX(-9px)
    }

    20% {
        -o-transform: translateX(8px);
        transform: translateX(8px)
    }

    30% {
        -o-transform: translateX(-7px);
        transform: translateX(-7px)
    }

    40% {
        -o-transform: translateX(6px);
        transform: translateX(6px)
    }

    50% {
        -o-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    60% {
        -o-transform: translateX(4px);
        transform: translateX(4px)
    }

    70% {
        -o-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    80% {
        -o-transform: translateX(2px);
        transform: translateX(2px)
    }

    90% {
        -o-transform: translateX(-1px);
        transform: translateX(-1px)
    }
}

@keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    10% {
        -webkit-transform: translateX(-9px);
        -o-transform: translateX(-9px);
        transform: translateX(-9px)
    }

    20% {
        -webkit-transform: translateX(8px);
        -o-transform: translateX(8px);
        transform: translateX(8px)
    }

    30% {
        -webkit-transform: translateX(-7px);
        -o-transform: translateX(-7px);
        transform: translateX(-7px)
    }

    40% {
        -webkit-transform: translateX(6px);
        -o-transform: translateX(6px);
        transform: translateX(6px)
    }

    50% {
        -webkit-transform: translateX(-5px);
        -o-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    60% {
        -webkit-transform: translateX(4px);
        -o-transform: translateX(4px);
        transform: translateX(4px)
    }

    70% {
        -webkit-transform: translateX(-3px);
        -o-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    80% {
        -webkit-transform: translateX(2px);
        -o-transform: translateX(2px);
        transform: translateX(2px)
    }

    90% {
        -webkit-transform: translateX(-1px);
        -o-transform: translateX(-1px);
        transform: translateX(-1px)
    }
}

.bg-red-100 {
    background-color: #ffeaea !important
}

.bg-red-200 {
    background-color: #fad3d3 !important
}

.bg-red-300 {
    background-color: #fab4b4 !important
}

.bg-red-400 {
    background-color: #fa9898 !important
}

.bg-red-500 {
    background-color: #fa7a7a !important
}

.bg-red-600 {
    background-color: #f96868 !important
}

.bg-red-700 {
    background-color: #e9595b !important
}

.bg-red-800 {
    background-color: #d6494b !important
}

.red-100 {
    color: #ffeaea !important
}

.red-200 {
    color: #fad3d3 !important
}

.red-300 {
    color: #fab4b4 !important
}

.red-400 {
    color: #fa9898 !important
}

.red-500 {
    color: #fa7a7a !important
}

.red-600 {
    color: #f96868 !important
}

.red-700 {
    color: #e9595b !important
}

.red-800 {
    color: #d6494b !important
}

.bg-pink-100 {
    background-color: #fce4ec !important
}

.bg-pink-200 {
    background-color: #ffccde !important
}

.bg-pink-300 {
    background-color: #fba9c6 !important
}

.bg-pink-400 {
    background-color: #fb8db4 !important
}

.bg-pink-500 {
    background-color: #f978a6 !important
}

.bg-pink-600 {
    background-color: #f96197 !important
}

.bg-pink-700 {
    background-color: #f44c87 !important
}

.bg-pink-800 {
    background-color: #e53b75 !important
}

.pink-100 {
    color: #fce4ec !important
}

.pink-200 {
    color: #ffccde !important
}

.pink-300 {
    color: #fba9c6 !important
}

.pink-400 {
    color: #fb8db4 !important
}

.pink-500 {
    color: #f978a6 !important
}

.pink-600 {
    color: #f96197 !important
}

.pink-700 {
    color: #f44c87 !important
}

.pink-800 {
    color: #e53b75 !important
}

.bg-purple-100 {
    background-color: #f6f2ff !important
}

.bg-purple-200 {
    background-color: #e3dbf4 !important
}

.bg-purple-300 {
    background-color: #d2c5ec !important
}

.bg-purple-400 {
    background-color: #bba7e4 !important
}

.bg-purple-500 {
    background-color: #a58add !important
}

.bg-purple-600 {
    background-color: #926dde !important
}

.bg-purple-700 {
    background-color: #7c51d1 !important
}

.bg-purple-800 {
    background-color: #6d45bc !important
}

.purple-100 {
    color: #f6f2ff !important
}

.purple-200 {
    color: #e3dbf4 !important
}

.purple-300 {
    color: #d2c5ec !important
}

.purple-400 {
    color: #bba7e4 !important
}

.purple-500 {
    color: #a58add !important
}

.purple-600 {
    color: #926dde !important
}

.purple-700 {
    color: #7c51d1 !important
}

.purple-800 {
    color: #6d45bc !important
}

.bg-indigo-100 {
    background-color: #edeff9 !important
}

.bg-indigo-200 {
    background-color: #dadef5 !important
}

.bg-indigo-300 {
    background-color: #bcc5f4 !important
}

.bg-indigo-400 {
    background-color: #9daaf3 !important
}

.bg-indigo-500 {
    background-color: #8897ec !important
}

.bg-indigo-600 {
    background-color: #677ae4 !important
}

.bg-indigo-700 {
    background-color: #5166d6 !important
}

.bg-indigo-800 {
    background-color: #465bd4 !important
}

.indigo-100 {
    color: #edeff9 !important
}

.indigo-200 {
    color: #dadef5 !important
}

.indigo-300 {
    color: #bcc5f4 !important
}

.indigo-400 {
    color: #9daaf3 !important
}

.indigo-500 {
    color: #8897ec !important
}

.indigo-600 {
    color: #677ae4 !important
}

.indigo-700 {
    color: #5166d6 !important
}

.indigo-800 {
    color: #465bd4 !important
}

.bg-blue-100 {
    background-color: #e8f1f8 !important
}

.bg-blue-200 {
    background-color: #d5e4f1 !important
}

.bg-blue-300 {
    background-color: #bcd8f1 !important
}

.bg-blue-400 {
    background-color: #a2caee !important
}

.bg-blue-500 {
    background-color: #89bceb !important
}

.bg-blue-600 {
    background-color: #62a8ea !important
}

.bg-blue-700 {
    background-color: #4e97d9 !important
}

.bg-blue-800 {
    background-color: #3583ca !important
}

.blue-100 {
    color: #e8f1f8 !important
}

.blue-200 {
    color: #d5e4f1 !important
}

.blue-300 {
    color: #bcd8f1 !important
}

.blue-400 {
    color: #a2caee !important
}

.blue-500 {
    color: #89bceb !important
}

.blue-600 {
    color: #62a8ea !important
}

.blue-700 {
    color: #4e97d9 !important
}

.blue-800 {
    color: #3583ca !important
}

.bg-cyan-100 {
    background-color: #ecf9fa !important
}

.bg-cyan-200 {
    background-color: #d3eff2 !important
}

.bg-cyan-300 {
    background-color: #baeaef !important
}

.bg-cyan-400 {
    background-color: #9ae1e9 !important
}

.bg-cyan-500 {
    background-color: #77d6e1 !important
}

.bg-cyan-600 {
    background-color: #57c7d4 !important
}

.bg-cyan-700 {
    background-color: #47b8c6 !important
}

.bg-cyan-800 {
    background-color: #37a9b7 !important
}

.cyan-100 {
    color: #ecf9fa !important
}

.cyan-200 {
    color: #d3eff2 !important
}

.cyan-300 {
    color: #baeaef !important
}

.cyan-400 {
    color: #9ae1e9 !important
}

.cyan-500 {
    color: #77d6e1 !important
}

.cyan-600 {
    color: #57c7d4 !important
}

.cyan-700 {
    color: #47b8c6 !important
}

.cyan-800 {
    color: #37a9b7 !important
}

.bg-teal-100 {
    background-color: #ecfdfc !important
}

.bg-teal-200 {
    background-color: #cdf4f1 !important
}

.bg-teal-300 {
    background-color: #99e1da !important
}

.bg-teal-400 {
    background-color: #79d1c9 !important
}

.bg-teal-500 {
    background-color: #56bfb5 !important
}

.bg-teal-600 {
    background-color: #3aa99e !important
}

.bg-teal-700 {
    background-color: #269b8f !important
}

.bg-teal-800 {
    background-color: #178d81 !important
}

.teal-100 {
    color: #ecfdfc !important
}

.teal-200 {
    color: #cdf4f1 !important
}

.teal-300 {
    color: #99e1da !important
}

.teal-400 {
    color: #79d1c9 !important
}

.teal-500 {
    color: #56bfb5 !important
}

.teal-600 {
    color: #3aa99e !important
}

.teal-700 {
    color: #269b8f !important
}

.teal-800 {
    color: #178d81 !important
}

.bg-green-100 {
    background-color: #e7faf2 !important
}

.bg-green-200 {
    background-color: #bfedd8 !important
}

.bg-green-300 {
    background-color: #9fe5c5 !important
}

.bg-green-400 {
    background-color: #7dd3ae !important
}

.bg-green-500 {
    background-color: #5cd29d !important
}

.bg-green-600 {
    background-color: #46be8a !important
}

.bg-green-700 {
    background-color: #36ab7a !important
}

.bg-green-800 {
    background-color: #279566 !important
}

.green-100 {
    color: #e7faf2 !important
}

.green-200 {
    color: #bfedd8 !important
}

.green-300 {
    color: #9fe5c5 !important
}

.green-400 {
    color: #7dd3ae !important
}

.green-500 {
    color: #5cd29d !important
}

.green-600 {
    color: #46be8a !important
}

.green-700 {
    color: #36ab7a !important
}

.green-800 {
    color: #279566 !important
}

.bg-light-green-100 {
    background-color: #f1f7ea !important
}

.bg-light-green-200 {
    background-color: #e0ecd1 !important
}

.bg-light-green-300 {
    background-color: #cadfb1 !important
}

.bg-light-green-400 {
    background-color: #bad896 !important
}

.bg-light-green-500 {
    background-color: #acd57c !important
}

.bg-light-green-600 {
    background-color: #9ece67 !important
}

.bg-light-green-700 {
    background-color: #83b944 !important
}

.bg-light-green-800 {
    background-color: #70a532 !important
}

.light-green-100 {
    color: #f1f7ea !important
}

.light-green-200 {
    color: #e0ecd1 !important
}

.light-green-300 {
    color: #cadfb1 !important
}

.light-green-400 {
    color: #bad896 !important
}

.light-green-500 {
    color: #acd57c !important
}

.light-green-600 {
    color: #9ece67 !important
}

.light-green-700 {
    color: #83b944 !important
}

.light-green-800 {
    color: #70a532 !important
}

.bg-yellow-100 {
    background-color: #fffae7 !important
}

.bg-yellow-200 {
    background-color: #f9eec1 !important
}

.bg-yellow-300 {
    background-color: #f6e7a9 !important
}

.bg-yellow-400 {
    background-color: #f8e59b !important
}

.bg-yellow-500 {
    background-color: #f7e083 !important
}

.bg-yellow-600 {
    background-color: #f7da64 !important
}

.bg-yellow-700 {
    background-color: #f9cd48 !important
}

.bg-yellow-800 {
    background-color: #fbc02d !important
}

.yellow-100 {
    color: #fffae7 !important
}

.yellow-200 {
    color: #f9eec1 !important
}

.yellow-300 {
    color: #f6e7a9 !important
}

.yellow-400 {
    color: #f8e59b !important
}

.yellow-500 {
    color: #f7e083 !important
}

.yellow-600 {
    color: #f7da64 !important
}

.yellow-700 {
    color: #f9cd48 !important
}

.yellow-800 {
    color: #fbc02d !important
}

.bg-orange-100 {
    background-color: #fff3e6 !important
}

.bg-orange-200 {
    background-color: #ffddb9 !important
}

.bg-orange-300 {
    background-color: #fbce9d !important
}

.bg-orange-400 {
    background-color: #f6be80 !important
}

.bg-orange-500 {
    background-color: #f4b066 !important
}

.bg-orange-600 {
    background-color: #f2a654 !important
}

.bg-orange-700 {
    background-color: #ec9940 !important
}

.bg-orange-800 {
    background-color: #e98f2e !important
}

.orange-100 {
    color: #fff3e6 !important
}

.orange-200 {
    color: #ffddb9 !important
}

.orange-300 {
    color: #fbce9d !important
}

.orange-400 {
    color: #f6be80 !important
}

.orange-500 {
    color: #f4b066 !important
}

.orange-600 {
    color: #f2a654 !important
}

.orange-700 {
    color: #ec9940 !important
}

.orange-800 {
    color: #e98f2e !important
}

.bg-brown-100 {
    background-color: #fae6df !important
}

.bg-brown-200 {
    background-color: #e2bdaf !important
}

.bg-brown-300 {
    background-color: #d3aa9c !important
}

.bg-brown-400 {
    background-color: #b98e7e !important
}

.bg-brown-500 {
    background-color: #a17768 !important
}

.bg-brown-600 {
    background-color: #8d6658 !important
}

.bg-brown-700 {
    background-color: #7d5b4f !important
}

.bg-brown-800 {
    background-color: #715146 !important
}

.brown-100 {
    color: #fae6df !important
}

.brown-200 {
    color: #e2bdaf !important
}

.brown-300 {
    color: #d3aa9c !important
}

.brown-400 {
    color: #b98e7e !important
}

.brown-500 {
    color: #a17768 !important
}

.brown-600 {
    color: #8d6658 !important
}

.brown-700 {
    color: #7d5b4f !important
}

.brown-800 {
    color: #715146 !important
}

.bg-grey-100 {
    background-color: #fafafa !important
}

.bg-grey-200 {
    background-color: #eee !important
}

.bg-grey-300 {
    background-color: #e0e0e0 !important
}

.bg-grey-400 {
    background-color: #bdbdbd !important
}

.bg-grey-500 {
    background-color: #9e9e9e !important
}

.bg-grey-600 {
    background-color: #757575 !important
}

.bg-grey-700 {
    background-color: #616161 !important
}

.bg-grey-800 {
    background-color: #424242 !important
}

.grey-100 {
    color: #fafafa !important
}

.grey-200 {
    color: #eee !important
}

.grey-300 {
    color: #e0e0e0 !important
}

.grey-400 {
    color: #bdbdbd !important
}

.grey-500 {
    color: #9e9e9e !important
}

.grey-600 {
    color: #757575 !important
}

.grey-700 {
    color: #616161 !important
}

.grey-800 {
    color: #424242 !important
}

.bg-blue-grey-100 {
    background-color: #f3f7f9 !important
}

.bg-blue-grey-200 {
    background-color: #e4eaec !important
}

.bg-blue-grey-300 {
    background-color: #ccd5db !important
}

.bg-blue-grey-400 {
    background-color: #a3afb7 !important
}

.bg-blue-grey-500 {
    background-color: #76838f !important
}

.bg-blue-grey-600 {
    background-color: #526069 !important
}

.bg-blue-grey-700 {
    background-color: #37474f !important
}

.bg-blue-grey-800 {
    background-color: #263238 !important
}

.blue-grey-100 {
    color: #f3f7f9 !important
}

.blue-grey-200 {
    color: #e4eaec !important
}

.blue-grey-300 {
    color: #ccd5db !important
}

.blue-grey-400 {
    color: #a3afb7 !important
}

.blue-grey-500 {
    color: #76838f !important
}

.blue-grey-600 {
    color: #526069 !important
}

.blue-grey-700 {
    color: #37474f !important
}

.blue-grey-800 {
    color: #263238 !important
}

.bg-primary-100 {
    background-color: #e8f1f8 !important
}

.bg-primary-200 {
    background-color: #d5e4f1 !important
}

.bg-primary-300 {
    background-color: #bcd8f1 !important
}

.bg-primary-400 {
    background-color: #a2caee !important
}

.bg-primary-500 {
    background-color: #89bceb !important
}

.bg-primary-600 {
    background-color: #62a8ea !important
}

.bg-primary-700 {
    background-color: #4e97d9 !important
}

.bg-primary-800 {
    background-color: #3583ca !important
}

.primary-100 {
    color: #e8f1f8 !important
}

.primary-200 {
    color: #d5e4f1 !important
}

.primary-300 {
    color: #bcd8f1 !important
}

.primary-400 {
    color: #a2caee !important
}

.primary-500 {
    color: #89bceb !important
}

.primary-600 {
    color: #62a8ea !important
}

.primary-700 {
    color: #4e97d9 !important
}

.primary-800 {
    color: #3583ca !important
}

.black {
    color: #000 !important
}

.white {
    color: #fff !important
}

.bg-white {
    color: #76838f;
    background-color: #fff
}

.bg-primary {
    color: #fff;
    background-color: #62a8ea
}

.bg-primary:hover {
    background-color: #8fc1f0
}

.bg-primary a,
.bg-primary a.bg-primary {
    color: #fff
}

.bg-primary a.bg-primary:hover,
.bg-primary a:hover {
    color: #fff
}

.bg-success {
    color: #fff;
    background-color: #46be8a
}

.bg-success:hover {
    background-color: #6ccba2
}

.bg-success a,
.bg-success a.bg-primary {
    color: #fff
}

.bg-success a.bg-primary:hover,
.bg-success a:hover {
    color: #fff
}

.bg-info {
    color: #fff;
    background-color: #57c7d4
}

.bg-info:hover {
    background-color: #80d5de
}

.bg-info a,
.bg-info a.bg-info {
    color: #fff
}

.bg-info a.bg-info:hover,
.bg-info a:hover {
    color: #fff
}

.bg-warning {
    color: #fff;
    background-color: #f2a654
}

.bg-warning:hover {
    background-color: #f6bf83
}

.bg-warning a,
.bg-warning a.bg-warning {
    color: #fff
}

.bg-warning a.bg-warning:hover,
.bg-warning a:hover {
    color: #fff
}

.bg-danger {
    color: #fff;
    background-color: #f96868
}

.bg-danger:hover {
    background-color: #fb9999
}

.bg-danger a,
.bg-danger a.bg-danger {
    color: #fff
}

.bg-danger a.bg-danger:hover,
.bg-danger a:hover {
    color: #fff
}

.bg-dark {
    color: #fff;
    background-color: #526069
}

.bg-dark:hover {
    background-color: #687a86
}

.bg-dark a,
.bg-dark a.bg-dark {
    color: #fff
}

.bg-dark a.bg-dark:hover,
.bg-dark a:hover {
    color: #fff
}

.blocks,
[class*=blocks-] {
    font-size: 0;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: -.9375rem;
    margin-right: -.9375rem
}

.blocks>.block,
[class*=blocks-]>.block,
[class*=blocks-]>li {
    display: inline-block;
    font-size: 1rem;
    vertical-align: top;
    margin-bottom: 1.875rem;
    padding-left: .9375rem;
    padding-right: .9375rem
}

.blocks.no-space,
[class*=blocks-].no-space {
    margin: 0
}

.blocks.no-space>.block,
.blocks.no-space>li,
[class*=blocks-].no-space>.block,
[class*=blocks-].no-space>li {
    padding: 0;
    margin: 0
}

.blocks-100>.block,
.blocks-100>li {
    width: 100%
}

.blocks-2>.block,
.blocks-2>li {
    width: 50%
}

.blocks-3>.block,
.blocks-3>li {
    width: 33.333333%
}

.blocks-4>.block,
.blocks-4>li {
    width: 25%
}

.blocks-5>.block,
.blocks-5>li {
    width: 20%
}

.blocks-6>.block,
.blocks-6>li {
    width: 16.666667%
}

.blocks-xs-100>.block,
.blocks-xs-100>li {
    width: 100%
}

.blocks-xs-2>.block,
.blocks-xs-2>li {
    width: 50%
}

.blocks-xs-3>.block,
.blocks-xs-3>li {
    width: 33.333333%
}

.blocks-xs-4>.block,
.blocks-xs-4>li {
    width: 25%
}

.blocks-xs-5>.block,
.blocks-xs-5>li {
    width: 20%
}

.blocks-xs-6>.block,
.blocks-xs-6>li {
    width: 16.666667%
}

@media (min-width: 480px) {

    .blocks-sm-100>.block,
    .blocks-sm-100>li {
        width: 100%
    }

    .blocks-sm-2>.block,
    .blocks-sm-2>li {
        width: 50%
    }

    .blocks-sm-3>.block,
    .blocks-sm-3>li {
        width: 33.333333%
    }

    .blocks-sm-4>.block,
    .blocks-sm-4>li {
        width: 25%
    }

    .blocks-sm-5>.block,
    .blocks-sm-5>li {
        width: 20%
    }

    .blocks-sm-6>.block,
    .blocks-sm-6>li {
        width: 16.666667%
    }
}

@media (min-width: 768px) {

    .blocks-md-100>.block,
    .blocks-md-100>li {
        width: 100%
    }

    .blocks-md-2>.block,
    .blocks-md-2>li {
        width: 50%
    }

    .blocks-md-3>.block,
    .blocks-md-3>li {
        width: 33.333333%
    }

    .blocks-md-4>.block,
    .blocks-md-4>li {
        width: 25%
    }

    .blocks-md-5>.block,
    .blocks-md-5>li {
        width: 20%
    }

    .blocks-md-6>.block,
    .blocks-md-6>li {
        width: 16.666667%
    }
}

@media (min-width: 992px) {

    .blocks-lg-100>.block,
    .blocks-lg-100>li {
        width: 100%
    }

    .blocks-lg-2>.block,
    .blocks-lg-2>li {
        width: 50%
    }

    .blocks-lg-3>.block,
    .blocks-lg-3>li {
        width: 33.333333%
    }

    .blocks-lg-4>.block,
    .blocks-lg-4>li {
        width: 25%
    }

    .blocks-lg-5>.block,
    .blocks-lg-5>li {
        width: 20%
    }

    .blocks-lg-6>.block,
    .blocks-lg-6>li {
        width: 16.666667%
    }
}

@media (min-width: 1200px) {

    .blocks-xl-100>.block,
    .blocks-xl-100>li {
        width: 100%
    }

    .blocks-xl-2>.block,
    .blocks-xl-2>li {
        width: 50%
    }

    .blocks-xl-3>.block,
    .blocks-xl-3>li {
        width: 33.333333%
    }

    .blocks-xl-4>.block,
    .blocks-xl-4>li {
        width: 25%
    }

    .blocks-xl-5>.block,
    .blocks-xl-5>li {
        width: 20%
    }

    .blocks-xl-6>.block,
    .blocks-xl-6>li {
        width: 16.666667%
    }
}

@media (min-width: 1600px) {

    .blocks-xxl-100>.block,
    .blocks-xxl-100>li {
        width: 100%
    }

    .blocks-xxl-2>.block,
    .blocks-xxl-2>li {
        width: 50%
    }

    .blocks-xxl-3>.block,
    .blocks-xxl-3>li {
        width: 33.333333%
    }

    .blocks-xxl-4>.block,
    .blocks-xxl-4>li {
        width: 25%
    }

    .blocks-xxl-5>.block,
    .blocks-xxl-5>li {
        width: 20%
    }

    .blocks-xxl-6>.block,
    .blocks-xxl-6>li {
        width: 16.666667%
    }
}

.avatar {
    position: relative;
    display: inline-block;
    width: 40px;
    white-space: nowrap;
    border-radius: 1000px;
    vertical-align: bottom
}

.avatar i {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 100%
}

.avatar img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border: 0 none;
    border-radius: 1000px
}

.avatar-online i {
    background-color: #46be8a
}

.avatar-100 {
    width: 100px
}

.avatar-100 i {
    height: 20px;
    width: 20px
}

.avatar-lg {
    width: 50px
}

.avatar-lg i {
    height: 12px;
    width: 12px
}

.avatar-sm {
    width: 30px
}

.avatar-sm i {
    height: 8px;
    width: 8px
}

.avatar-xs {
    width: 20px
}

.avatar-xs i {
    height: 7px;
    width: 7px
}

.icon {
    position: relative;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    line-height: 1
}

.icon.pull-xs-left {
    margin-right: .3em
}

.icon.pull-xs-right {
    margin-left: .3em
}

.icon-circle {
    position: relative;
    margin: .5em
}

.icon-circle:before {
    position: relative;
    z-index: 1
}

.icon-circle:after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    content: "";
    width: 2em;
    height: 2em;
    background-color: inherit;
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.icon-lg {
    font-size: 1.333333em;
    vertical-align: -15%
}

.icon-2x {
    font-size: 2em
}

.icon-spin {
    -webkit-animation: icon-spin 2s infinite linear;
    -o-animation: icon-spin 2s infinite linear;
    animation: icon-spin 2s infinite linear
}

@-webkit-keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-o-keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.hamburger {
    vertical-align: middle;
    font-size: 17px
}

.hamburger,
.hamburger .hamburger-bar,
.hamburger:after,
.hamburger:before {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -o-transition: -o-transform .2s ease-in-out;
    transition: transform .2s ease-in-out
}

.hamburger:after,
.hamburger:before {
    content: ""
}

.hamburger .hamburger-bar,
.hamburger:after,
.hamburger:before {
    display: block;
    width: 1em;
    height: .1em;
    margin: 0;
    border-radius: 1px;
    background: #76838f
}

.navbar-default .hamburger .hamburger-bar,
.navbar-default .hamburger:after,
.navbar-default .hamburger:before {
    background: #76838f
}

.navbar-inverse .hamburger .hamburger-bar,
.navbar-inverse .hamburger:after,
.navbar-inverse .hamburger:before {
    background: #fff
}

.hamburger .hamburger-bar {
    margin: .2em 0
}

.hamburger-close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 8%;
    -ms-transform-origin: 8%;
    -o-transform-origin: 8%;
    transform-origin: 8%
}

.hamburger-close .hamburger-bar {
    opacity: 0
}

.hamburger-close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 8%;
    -ms-transform-origin: 8%;
    -o-transform-origin: 8%;
    transform-origin: 8%
}

.hamburger-close.collapsed:before,
.hamburger-close.hided:before {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.hamburger-close.collapsed .hamburger-bar,
.hamburger-close.hided .hamburger-bar {
    opacity: 1
}

.hamburger-close.collapsed:after,
.hamburger-close.hided:after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.hamburger-arrow-left.collapsed {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.hamburger-arrow-left.collapsed:before {
    width: .6em;
    -webkit-transform: translate3d(.45em, .1em, 0) rotate(45deg);
    transform: translate3d(.45em, .1em, 0) rotate(45deg)
}

.hamburger-arrow-left.collapsed .hamburger-bar {
    border-radius: .2em
}

.hamburger-arrow-left.collapsed:after {
    width: .6em;
    -webkit-transform: translate3d(.45em, -.1em, 0) rotate(-45deg);
    transform: translate3d(.45em, -.1em, 0) rotate(-45deg)
}

.counter-label {
    display: block
}

.counter-icon {
    font-size: 20px
}

.panel {
    position: relative;
    margin-bottom: 1.875rem;
    background-color: #fff;
    border: 0 solid transparent;
    border-radius: .286rem;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-content>.row {
    padding-left: 30px;
    padding-right: 30px
}

.panel-content>.row>[class*=col-] {
    padding-left: 30px;
    padding-right: 30px
}

.panel-heading {
    position: relative;
    padding: 0;
    border-bottom: 1px solid transparent;
    border-top-right-radius: .214rem;
    border-top-left-radius: .214rem
}

.panel-heading+.alert {
    border-radius: 0
}

.panel-heading>.nav-tabs {
    border-bottom: none
}

.panel-heading+.nav-tabs {
    margin-top: -.715rem
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.panel-body {
    position: relative;
    padding: 30px 30px
}

.panel-body::after {
    content: "";
    display: table;
    clear: both
}

.panel-heading+.panel-body {
    padding-top: 0
}

.panel-body .h1:first-child,
.panel-body .h2:first-child,
.panel-body .h3:first-child,
.panel-body .h4:first-child,
.panel-body .h5:first-child,
.panel-body .h6:first-child,
.panel-body h1:first-child,
.panel-body h2:first-child,
.panel-body h3:first-child,
.panel-body h4:first-child,
.panel-body h5:first-child,
.panel-body h6:first-child {
    margin-top: 0
}

.panel-body>:last-child {
    margin-bottom: 0
}

.panel-body>.list-group-dividered:only-child>.list-group-item:last-child {
    border-bottom-color: transparent
}

.panel-footer {
    padding: 0 30px 15px;
    border-top: 1px solid transparent;
    background-color: transparent;
    border-bottom-right-radius: .214rem;
    border-bottom-left-radius: .214rem
}

.table+.panel-footer {
    padding-top: 15px;
    border-color: #e4eaec
}

.panel-title {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px 30px;
    font-size: 18px;
    color: #37474f
}

.panel-title>.icon {
    margin-right: 10px
}

.panel-title>.tag {
    margin-left: 10px
}

.panel-title .small,
.panel-title small {
    color: #76838f
}

.panel-title>.small>a,
.panel-title>a,
.panel-title>small>a {
    color: inherit
}

.panel>.nav-tabs-vertical .nav-tabs {
    margin-left: -1px
}

.panel>.nav-tabs-vertical .nav-tabs>li>a {
    border-left: none;
    border-radius: 0
}

.panel>.nav-tabs-vertical .nav-tabs.nav-tabs-reverse {
    margin-right: -1px
}

.panel>.nav-tabs-vertical .nav-tabs.nav-tabs-reverse>li>a {
    border-right: none;
    border-radius: 0
}

.panel>.alert {
    padding-left: 30px;
    padding-right: 30px
}

.panel>.alert-dismissible {
    padding-right: 50px
}

@media (max-width: 479px) {
    .panel>.alert {
        padding-left: 20px;
        padding-right: 20px
    }

    .panel>.alert-dismissible {
        padding-right: 40px
    }
}

.cover {
    overflow: hidden
}

.cover-image {
    width: 100%
}

.overlay {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    overflow: hidden;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.overlay-figure {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0
}

.overlay-panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px;
    color: #fff
}

.overlay-panel a:not([class]) {
    color: inherit;
    text-decoration: underline
}

.overlay-panel>:last-child {
    margin-bottom: 0
}

.overlay-panel h1,
.overlay-panel h2,
.overlay-panel h3,
.overlay-panel h4,
.overlay-panel h5,
.overlay-panel h6 {
    color: inherit
}

.overlay-hover:not(:hover) .overlay-panel:not(.overlay-background-fixed) {
    opacity: 0
}

.overlay-background {
    background: rgba(0, 0, 0, .5)
}

.overlay-image {
    width: 100%;
    max-width: 100%;
    padding: 0
}

.overlay-top {
    bottom: auto
}

.overlay-bottom {
    top: auto
}

.overlay-left {
    right: auto
}

.overlay-right {
    left: auto
}

.overlay-icon {
    font-size: 0;
    text-align: center
}

.overlay-icon:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ""
}

.overlay-icon .icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin-right: 10px;
    margin-left: 10px;
    font-size: 2rem;
    line-height: 1;
    color: #fff;
    text-decoration: none
}

.overlay-blur,
.overlay-fade,
.overlay-grayscale,
.overlay-scale,
.overlay-spin,
[class*=overlay-slide] {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity -webkit-transform -webkit-filter, opacity -webkit-transform filter;
    -o-transition-property: opacity -o-transform filter;
    transition-property: opacity transform filter
}

.overlay-fade {
    opacity: .7
}

.overlay-hover:hover .overlay-fade {
    opacity: 1
}

.overlay-scale {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.overlay-hover:hover .overlay-scale {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.overlay-spin {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0)
}

.overlay-hover:hover .overlay-spin {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg)
}

.overlay-grayscale {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%)
}

.overlay-hover:hover .overlay-grayscale {
    filter: grayscale(0);
    -webkit-filter: grayscale(0)
}

[class*=overlay-slide] {
    opacity: 0
}

.overlay-slide-top {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.overlay-slide-bottom {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.overlay-slide-left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.overlay-slide-right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.overlay-hover:hover [class*=overlay-slide] {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0)
}

.comments {
    padding: 0;
    margin: 0
}

.comments .comment {
    border: none;
    border-bottom: 1px solid #e4eaec
}

.comments .comment .comment:first-child {
    border-top: 1px solid #e4eaec
}

.comments .comment .comment:last-child {
    border-bottom: none
}

.comment {
    padding: 20px 0;
    margin: 0
}

.comment .comment {
    margin-top: 20px;
    padding-bottom: 20px
}

.comment .comment:last-child {
    padding-bottom: 0
}

.comment-author,
.comment-author:focus,
.comment-author:hover {
    color: #37474f
}

.comment-meta {
    margin-left: 5px;
    display: inline-block;
    font-size: .858rem;
    color: #a3afb7
}

.comment-content {
    margin-top: 5px
}

.comment-content p {
    margin-bottom: 10px
}

.pearls {
    display: block;
    margin: 0 0 22px
}

.pearl {
    position: relative;
    padding: 0;
    margin: 0;
    text-align: center
}

.pearl:after,
.pearl:before {
    position: absolute;
    top: 18px;
    z-index: 0;
    width: 50%;
    height: 4px;
    content: "";
    background-color: #f3f7f9
}

.pearl:before {
    left: 0
}

.pearl:after {
    right: 0
}

.pearl:first-child:before,
.pearl:last-child:after {
    display: none !important
}

.pearl-icon {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    background: #ccd5db;
    border-radius: 50%;
    border: 2px solid #ccd5db
}

.pearl-icon {
    font-size: 18px
}

.pearl-title {
    margin-top: .5em;
    display: block;
    font-size: 16px;
    color: #526069;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pearl.current:after,
.pearl.current:before {
    background-color: #62a8ea
}

.pearl.current .pearl-icon {
    color: #62a8ea;
    background-color: #fff;
    border-color: #62a8ea;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3)
}

.pearl.disabled {
    pointer-events: none;
    cursor: auto
}

.pearl.disabled:after,
.pearl.disabled:before {
    background-color: #f3f7f9
}

.pearl.disabled .pearl-icon {
    color: #fff;
    background-color: #ccd5db;
    border-color: #ccd5db
}

.pearl.error:before {
    background-color: #62a8ea
}

.pearl.error:after {
    background-color: #f3f7f9
}

.pearl.error .pearl-icon {
    color: #f96868;
    background-color: #fff;
    border-color: #f96868
}

.pearl.done:after,
.pearl.done:before {
    background-color: #62a8ea
}

.pearl.done .pearl-icon {
    color: #fff;
    background-color: #62a8ea;
    border-color: #62a8ea
}

.pricing-list {
    margin-bottom: 22px;
    text-align: center;
    border: 1px solid #e4eaec;
    border-radius: .215rem
}

.pricing-list [class*=bg-],
.pricing-list [class*=bg-] *,
.pricing-list [class^=bg-],
.pricing-list [class^=bg-] * {
    color: #fff
}

.pricing-list .pricing-header {
    border-bottom: 1px solid #e4eaec;
    border-radius: .215rem .215rem 0 0
}

.pricing-list .pricing-title {
    padding: 15px 30px;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: .215rem .215rem 0 0
}

.pricing-list .pricing-price {
    padding: 20px 30px;
    margin: 0;
    font-size: 3.858rem;
    font-weight: 700;
    color: #37474f
}

.pricing-list .pricing-period {
    font-size: 1rem;
    font-weight: 400
}

.pricing-list .pricing-features {
    padding: 0 18px;
    margin: 0
}

.pricing-list .pricing-features li {
    display: block;
    padding: 15px;
    list-style: none;
    border-top: 1px dashed #e4eaec
}

.pricing-list .pricing-features li:first-child {
    border-top: none
}

.pricing-list .pricing-footer {
    padding: 30px;
    border-radius: 0 0 .215rem .215rem
}

.example-wrap {
    margin-bottom: 80px
}

.example-wrap .example-wrap {
    margin-bottom: 0
}

.example {
    margin-top: 20px;
    margin-bottom: 20px
}

.example:before {
    content: "";
    display: table
}

.example::after {
    content: "";
    display: table;
    clear: both
}

.example-title {
    text-transform: uppercase
}

h4.example-title {
    font-size: 14px
}

h3.example-title {
    font-size: 18px
}

.panel-body>.example-wrap:last-child {
    margin-bottom: 0
}

.panel-body>.row:last-child>[class*=col-]:last-child .example-wrap:last-child {
    margin-bottom: 0
}

.example-well {
    position: relative;
    margin-bottom: 30px;
    background-color: #f3f7f9
}

.example-well .center {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.well {
    min-height: 20px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #e4eaec;
    background-color: #f3f7f9;
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .02);
    -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, .02);
    -o-box-shadow: inset 0 0 1px rgba(0, 0, 0, .02);
    -ms-box-shadow: inset 0 0 1px rgba(0, 0, 0, .02);
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .02);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}



[class*=' wb-'],
[class^='wb-'] {
    font-family: 'metinfo-icon2';
    font-weight: 400;
    font-style: normal;
    position: relative;
    display: inline-block;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.wb-play:before {
    content: "\e731"
}

.wb-search:before {
    content: "\e659"
}

.wb-wrench:before {
    content: "\e65a"
}

.wb-memory:before {
    content: "\e6f6"
}

.wb-move:before {
    content: "\e6f7"
}

.wb-musical:before {
    content: "\e6f8"
}

.wb-more-vertical:before {
    content: "\e6f9"
}

.wb-more-horizontal:before {
    content: "\e6fa"
}

.wb-link:before {
    content: "\e6fb"
}

.wb-pencil:before {
    content: "\e6fc"
}

.wb-pause:before {
    content: "\e6fd"
}

.wb-order:before {
    content: "\e6fe"
}

.wb-payment:before {
    content: "\e6ff"
}

.wb-map:before {
    content: "\e700"
}

.wb-plus:before {
    content: "\e701"
}

.wb-plus-circle:before {
    content: "\e702"
}

.wb-paperclip:before {
    content: "\e703"
}

.wb-power:before {
    content: "\e704"
}

.wb-plugin:before {
    content: "\e705"
}

.wb-pie-chart:before {
    content: "\e706"
}

.wb-refresh:before {
    content: "\e707"
}

.wb-reload:before {
    content: "\e708"
}

.wb-quote-left:before {
    content: "\e709"
}

.wb-random:before {
    content: "\e70a"
}

.wb-pluse:before {
    content: "\e70b"
}

.wb-reply:before {
    content: "\e70c"
}

.wb-share:before {
    content: "\e70d"
}

.wb-replay:before {
    content: "\e70e"
}

.wb-scissor:before {
    content: "\e70f"
}

.wb-settings:before {
    content: "\e710"
}

.wb-small-point:before {
    content: "\e711"
}

.wb-print:before {
    content: "\e712"
}

.wb-quote-right:before {
    content: "\e713"
}

.wb-mobile:before {
    content: "\e714"
}

.wb-sort-asc:before {
    content: "\e715"
}

.wb-shopping-cart:before {
    content: "\e716"
}

.wb-star:before {
    content: "\e717"
}

.wb-star-half:before {
    content: "\e718"
}

.wb-stop:before {
    content: "\e719"
}

.wb-stats-bars:before {
    content: "\e71a"
}

.wb-sort-vertical:before {
    content: "\e71b"
}

.wb-signal:before {
    content: "\e71c"
}

.wb-rubber:before {
    content: "\e71d"
}

.wb-sort-des:before {
    content: "\e71e"
}

.wb-thumb-down:before {
    content: "\e71f"
}

.wb-text-type:before {
    content: "\e720"
}

.wb-triangle-up:before {
    content: "\e721"
}

.wb-text:before {
    content: "\e722"
}

.wb-table:before {
    content: "\e723"
}

.wb-trash:before {
    content: "\e724"
}

.wb-star-outline:before {
    content: "\e725"
}

.wb-tag:before {
    content: "\e726"
}

.wb-underline:before {
    content: "\e727"
}

.wb-triangle-down:before {
    content: "\e728"
}

.wb-triangle-right:before {
    content: "\e729"
}

.wb-time:before {
    content: "\e72a"
}

.wb-user:before {
    content: "\e72b"
}

.wb-user-add:before {
    content: "\e72c"
}

.wb-upload:before {
    content: "\e72d"
}

.wb-triangle-left:before {
    content: "\e72e"
}

.wb-thumb-up:before {
    content: "\e72f"
}

.wb-video:before {
    content: "\e730"
}

.wb-user-circle:before {
    content: "\e732"
}

.wb-volume-off:before {
    content: "\e733"
}

.wb-warning:before {
    content: "\e734"
}

.wb-zoom-in:before {
    content: "\e735"
}

.wb-volume-high:before {
    content: "\e736"
}

.wb-unlock:before {
    content: "\e737"
}

.wb-zoom-out:before {
    content: "\e738"
}

.wb-users:before {
    content: "\e739"
}

.wb-volume-low:before {
    content: "\e73a"
}

.wb-alert-circle:before {
    content: "\e692"
}

.wb-alert:before {
    content: "\e693"
}

.wb-align-justify:before {
    content: "\e694"
}

.wb-align-right:before {
    content: "\e695"
}

.wb-arrow-down:before {
    content: "\e696"
}

.wb-align-center:before {
    content: "\e697"
}

.wb-arrow-right:before {
    content: "\e698"
}

.wb-align-left:before {
    content: "\e699"
}

.wb-add-file:before {
    content: "\e69a"
}

.wb-bell:before {
    content: "\e69b"
}

.wb-bookmark:before {
    content: "\e69c"
}

.wb-arrow-up:before {
    content: "\e69d"
}

.wb-book:before {
    content: "\e69e"
}

.wb-arrow-shrink:before {
    content: "\e69f"
}

.wb-camera:before {
    content: "\e6a0"
}

.wb-chevron-down-mini:before {
    content: "\e6a1"
}

.wb-attach-file:before {
    content: "\e6a2"
}

.wb-chevron-down:before {
    content: "\e6a3"
}

.wb-arrow-left:before {
    content: "\e6a4"
}

.wb-chat-group:before {
    content: "\e6a5"
}

.wb-briefcase:before {
    content: "\e6a6"
}

.wb-arrow-expand:before {
    content: "\e6a7"
}

.wb-chevron-right-mini:before {
    content: "\e6a8"
}

.wb-check-circle:before {
    content: "\e6a9"
}

.wb-chat:before {
    content: "\e6aa"
}

.wb-chat-text:before {
    content: "\e6ab"
}

.wb-chevron-up:before {
    content: "\e6ac"
}

.wb-check:before {
    content: "\e6ad"
}

.wb-bold:before {
    content: "\e6ae"
}

.wb-close:before {
    content: "\e6af"
}

.wb-close-mini:before {
    content: "\e6b0"
}

.wb-chevron-left:before {
    content: "\e6b1"
}

.wb-clipboard:before {
    content: "\e6b2"
}

.wb-code-unfold:before {
    content: "\e6b3"
}

.wb-cloud:before {
    content: "\e6b4"
}

.wb-calendar:before {
    content: "\e6b5"
}

.wb-code-working:before {
    content: "\e6b6"
}

.wb-chevron-left-mini:before {
    content: "\e6b7"
}

.wb-crop:before {
    content: "\e6b8"
}

.wb-chevron-up-mini:before {
    content: "\e6b9"
}

.wb-copy:before {
    content: "\e6ba"
}

.wb-chat-working:before {
    content: "\e6bb"
}

.wb-dropleft:before {
    content: "\e6bc"
}

.wb-dropdown:before {
    content: "\e6bd"
}

.wb-chevron-right:before {
    content: "\e6be"
}

.wb-check-mini:before {
    content: "\e6bf"
}

.wb-dashboard:before {
    content: "\e6c0"
}

.wb-desktop:before {
    content: "\e6c1"
}

.wb-code:before {
    content: "\e6c2"
}

.wb-download:before {
    content: "\e6c3"
}

.wb-contract:before {
    content: "\e6c4"
}

.wb-emoticon:before {
    content: "\e6c5"
}

.wb-dropright:before {
    content: "\e6c6"
}

.wb-envelope:before {
    content: "\e6c7"
}

.wb-envelope-open:before {
    content: "\e6c8"
}

.wb-file:before {
    content: "\e6c9"
}

.wb-extension:before {
    content: "\e6ca"
}

.wb-edit:before {
    content: "\e6cb"
}

.wb-dropup:before {
    content: "\e6cc"
}

.wb-expand:before {
    content: "\e6cd"
}

.wb-fullscreen-exit:before {
    content: "\e6ce"
}

.wb-folder:before {
    content: "\e6cf"
}

.wb-eye:before {
    content: "\e6d0"
}

.wb-flag:before {
    content: "\e6d1"
}

.wb-fullscreen:before {
    content: "\e6d2"
}

.wb-eye-close:before {
    content: "\e6d3"
}

.wb-graph-up:before {
    content: "\e6d4"
}

.wb-gallery:before {
    content: "\e6d5"
}

.wb-graph-down:before {
    content: "\e6d6"
}

.wb-globe:before {
    content: "\e6d7"
}

.wb-image:before {
    content: "\e6d8"
}

.wb-heart:before {
    content: "\e6d9"
}

.wb-home:before {
    content: "\e6da"
}

.wb-heart-outline:before {
    content: "\e6db"
}

.wb-grid-4:before {
    content: "\e6dc"
}

.wb-hammer:before {
    content: "\e6dd"
}

.wb-help:before {
    content: "\e6de"
}

.wb-help-circle:before {
    content: "\e6df"
}

.wb-info:before {
    content: "\e6e0"
}

.wb-indent-decrease:before {
    content: "\e6e1"
}

.wb-format-clear:before {
    content: "\e6e2"
}

.wb-indent-increase:before {
    content: "\e6e3"
}

.wb-layout:before {
    content: "\e6e4"
}

.wb-grid-9:before {
    content: "\e6e5"
}

.wb-inbox:before {
    content: "\e6e6"
}

.wb-italic:before {
    content: "\e6e7"
}

.wb-large-point:before {
    content: "\e6e8"
}

.wb-info-circle:before {
    content: "\e6e9"
}

.wb-library:before {
    content: "\e6ea"
}

.wb-list-numbered:before {
    content: "\e6eb"
}

.wb-list:before {
    content: "\e6ec"
}

.wb-list-bulleted:before {
    content: "\e6ed"
}

.wb-link-broken:before {
    content: "\e6ee"
}

.wb-lock:before {
    content: "\e6ef"
}

.wb-link-intact:before {
    content: "\e6f0"
}

.wb-menu:before {
    content: "\e6f1"
}

.wb-minus-circle:before {
    content: "\e6f2"
}

.wb-medium-point:before {
    content: "\e6f3"
}

.wb-minus:before {
    content: "\e6f4"
}

.wb-loop:before {
    content: "\e6f5"
}




body {
    color: #2a333c;
    background-color: #fff;
    word-wrap: break-word;
    overflow-x: hidden
}

@media (min-width: 1921px) {
    .container {
        width: 75%
    }
}

a:focus {
    outline: none
}

.decorationnone,
.dropdown-item:active,
a:active,
.decorationnone:active,
.dropdown-item:focus,
a:focus,
.decorationnone:focus,
.dropdown-item:hover,
a:hover,
.decorationnone:hover {
    text-decoration: none
}

.decoration:hover {
    text-decoration: underline
}

a:hover {
    color: #4e97d9
}

img[data-original]:not([src]),
img[data-original][src=""] {
    visibility: hidden
}

img.imgloading:not([src*="base64"]),
img.slick-loading:not([src*="base64"]) {
    object-fit: scale-down;
    background: #fff
}

img[src*="?type=flag"]:not([width]) {
    width: 20px
}

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

table {
    margin-bottom: 10px;
    color: #333
}

table a {
    text-decoration: none
}

table th {
    background-color: #f3f7f9
}

table th,
table td {
    outline: none;
    display: table-cell !important;
    padding: .572rem
}

table th:not([valign]),
table td:not([valign]) {
    vertical-align: middle
}

table td .tag:not(.tag-pill) {
    line-height: inherit
}

table:not([border='0']) th,
table:not([border='0']) td {
    border: 1px solid #ddd
}

table td.text-xs-center input[type="text"],
table th.text-xs-center input[type="text"] {
    text-align: center
}

@media (min-width: 480px) {
    table th {
        white-space: nowrap
    }

    table.form-inline .form-group,
    table.form-inline .form-control {
        display: block;
        width: 100%
    }
}

div.dataTables_paginate .paginate_button.active>a,
div.dataTables_paginate .paginate_button.active>a:focus,
div.dataTables_paginate .paginate_button.active>a:hover {
    background: #ddd !important;
    border-color: #ddd !important;
    color: #777 !important
}

.dataTables_empty {
    text-align: center
}

.dataTables_info {
    color: #777
}

body table.table-bordered.dataTable {
    border-collapse: collapse !important
}

.table-striped.dataTable tbody tr.active td,
body .table-striped.dataTable tbody tr.active:hover td {
    background: #f3f7f9 !important;
    color: inherit !important
}

.table-striped.dataTable tbody tr.active td>a,
body .table-striped.dataTable tbody tr.active:hover td>a {
    color: #62a8ea !important
}

@media (max-width: 479px) {
    .dataTables_info {
        float: none !important
    }

    .dataTables_paginate {
        float: none !important
    }
}

.alertify-logs {
    bottom: auto !important;
    top: 48%;
    z-index: 1701 !important
}

@media (max-width: 767px) {
    .nav-tabs .nav-link {
        padding: 5px 10px
    }
}

.form-group {
    position: relative
}

.form-group .small-fixed {
    position: absolute;
    left: 0;
    top: 100%
}

.form-group .small-fixed small.form-control-label {
    margin: 0;
    margin-right: 10px;
    padding: 0;
    line-height: 1.5
}

.input-group-file .btn-file input[type="file"] {
    width: 100%;
    height: 100%
}

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

.form-inline .checkbox-custom label {
    padding-left: 0
}

.form-control-label {
    color: #555
}

.form-group:before,
.form-group:after {
    display: table;
    content: " "
}

.form-group:after {
    clear: both
}

table.form-inline .form-group {
    margin-right: 0
}

/*#文件名称：basic.css #米拓企业建站系统 metinfo_7_6 #Copyright (C) 长沙米拓信息技术有限公司 (https://www.metinfo.cn). All rights reserved.*/
.met-scroll-top {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 10
}

.nav-tabs .nav-link {
    color: #333
}

.edui-editor,
.token-input {
    max-width: 100%
}

.edui-default .edui-editor-toolbarbox {
    position: relative !important
}

.clockpicker-popover .popover-title {
    font-weight: normal !important
}

.met-fixed,
.fixed-b-l {
    position: fixed;
    left: 0;
    z-index: 1000
}

.met-fixed {
    top: 0
}

.fixed-b-l {
    bottom: 0
}

.overflow-visible {
    overflow: visible !important
}

.oya {
    overflow-y: auto !important;
    scroll-behavior: smooth
}

.oxa {
    overflow-x: auto !important;
    scroll-behavior: smooth
}

.h-10 {
    height: 10px
}

.h-20 {
    height: 20px
}

.h-100p {
    height: 100%
}

.hide {
    display: none !important
}

#getcode,
.met-getcode {
    height: 24px
}

.opacity1,
.slick-arrow:hover i {
    opacity: 1
}

.opacity0 {
    opacity: 0
}

.flex,
.slick-track {
    display: flex
}

.slick-track {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.radius0 {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    border-radius: 0px !important
}

.radius3 {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important
}

.radius5 {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    border-radius: 5px !important
}

.radius10 {
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -o-border-radius: 10px !important;
    border-radius: 10px !important
}

.box-shadow-none {
    box-shadow: none
}

.box-shadow1 {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.ulstyle {
    margin: 0;
    padding: 0px;
    list-style: none
}

.border-none {
    border: none !important
}

.border-top1 {
    border-top: 1px solid #f0f2f5
}

.border-bottom1 {
    border-bottom: 1px solid #f0f2f5
}

.border-type1 {
    border: 1px solid #ccc
}

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

.flex-center {
    -webkit-justify-content: center;
    justify-content: center
}

.flex-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.text-shadow-none {
    text-shadow: none
}

.dropdown-item,
.transition500 {
    transition: all 0.5s !important
}

.modal-content {
    overflow: hidden
}

.page-content {
    padding: 30px 0px
}

.webui-popover {
    z-index: 1600
}

.pearl-title {
    white-space: normal
}

[class*="animation-"] {
    animation-fill-mode: none
}

.oxh {
    overflow-x: hidden
}

@media (max-width: 991px) {
    .page-content {
        padding: 20px 0px
    }

    .panel {
        margin-bottom: 20px
    }

    .panel-body {
        padding: 20px
    }
}

@media (max-width: 767px) {
    .page-content {
        padding: 15px 0px
    }

    .panel,
    .well,
    .card-shadow {
        margin-bottom: 15px
    }

    .panel-body,
    .well,
    .modal-body,
    .modal-header,
    .modal-footer {
        padding: 15px
    }

    .modal-footer {
        padding-top: 0
    }

    .well,
    .card-shadow {
        margin-bottom: 15px
    }
}

@media screen\0 {
    select.form-control {
        padding-right: 15px
    }
}

.tag-sm {
    font-size: 12px
}

.w-a {
    width: auto !important
}

.overscroll-none {
    overscroll-behavior: none
}

.overscroll-unset {
    overscroll-behavior: unset
}

.position-sticky {
    position: sticky !important
}

.transition300 {
    transition: all 0.3s !important
}

.animation-slide-top10 {
    -webkit-animation-name: slide-top10;
    animation-name: slide-top10
}

@-webkit-keyframes slide-top10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-top10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.animation-slide-bottom10 {
    -webkit-animation-name: slide-bottom10;
    animation-name: slide-bottom10
}

@-webkit-keyframes slide-bottom10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-bottom10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.animation-slide-left10 {
    -webkit-animation-name: slide-left10;
    animation-name: slide-left10
}

@-webkit-keyframes slide-left10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-left10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.animation-slide-right10 {
    -webkit-animation-name: slide-right10;
    animation-name: slide-right10
}

@-webkit-keyframes slide-right10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-right10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.animation-slide-top50 {
    -webkit-animation-name: slide-top50;
    animation-name: slide-top50
}

@-webkit-keyframes slide-top50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-top50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.animation-slide-bottom50 {
    -webkit-animation-name: slide-bottom50;
    animation-name: slide-bottom50
}

@-webkit-keyframes slide-bottom50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-bottom50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.animation-slide-left50 {
    -webkit-animation-name: slide-left50;
    animation-name: slide-left50
}

@-webkit-keyframes slide-left50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-left50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.animation-slide-right50 {
    -webkit-animation-name: slide-right50;
    animation-name: slide-right50
}

@-webkit-keyframes slide-right50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-right50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.dropdown-item.active {
    color: #4E97D9 !important
}

.dropdown-item:hover,
.dropdown-item.active {
    background: #f5f5f5 !important
}

.dropdown-toggle::after {
    margin-top: -3px
}

.dropdown-submenu:hover .dropdown-menu {
    display: table
}

.dropdown-submenu.dropdown-item {
    padding: 0 !important
}

.dropdown-menu,
.dropdown-menu .dropdown-item {
    font-weight: normal
}

@media (max-width: 1199px) {
    .dropdown-item {
        white-space: normal
    }
}

@media (max-width: 767px) {

    .dropdown-menu.dropdown-menu-bullet:before,
    .dropdown-menu.dropdown-menu-bullet:after {
        display: none
    }
}

.met-sidebar-nav .list-group-item a {
    color: #76838f
}

.met-sidebar-nav .list-group-item a:hover {
    color: #000;
    text-decoration: none
}

.met-sidebar-nav .list-group-item.active a {
    color: #62a8ea
}

.met-editor {
    width: 100%;
    max-width: 100%;
    font-size: 16px;
    line-height: 1.8
}

.met-editor * {
    max-width: 100%
}

.met-editor p {
    margin-bottom: .8em
}

.met-editor table p {
    margin-bottom: 0
}

.met-editor img {
    max-width: 100% !important;
    vertical-align: top
}

.met-editor img[src]:not(.imgloading):not([height !='']) {
    height: auto
}

.met-editor .table-saw {
    overflow-x: auto
}

.met-editor .metvideobox,
.met-editor video,
.met-editor .metvideo,
.met-editor iframe,
.met-editor embed {
    max-width: 100% !important
}

.met-editor video {
    outline: none
}

.met-editor .lg-item-box {
    display: inline-block
}

@media (max-width: 767px) {
    .met-editor {
        font-size: 14px
    }
}

@media (min-width: 1024px) {
    .dropdown-menu-media .list-group::-webkit-scrollbar {
        width: 5px
    }

    .dropdown-menu-media .list-group::-webkit-scrollbar-thumb {
        background-color: #bbb;
        border-radius: 5px
    }

    .dropdown-menu-media .list-group::-webkit-scrollbar-track {
        background-color: #e5e5e5
    }
}

.met-lightgallery .lg-backdrop,
.met-lightgallery .lg-toolbar {
    background: #fff
}

.met-lightgallery .lg-actions .lg-icon {
    padding: 10px 0;
    background: rgba(255, 255, 255, 0.5)
}

.met-lightgallery .lg-actions .lg-icon:before,
.met-lightgallery .lg-actions .lg-icon:after {
    content: ''
}

.met-lightgallery .lg-actions .lg-icon i {
    font-size: 40px
}

.met-lightgallery .lg-sub-html {
    background: rgba(255, 255, 255, 0.7)
}

.met-lightgallery .lg-toolbar.opacity0 {
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px)
}

.met-lightgallery .lg-outer {
    z-index: 1602;
    background: #fff
}

.met-lightgallery .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 84px
}

.met-lightgallery .lg-outer .lg-thumb-outer,
.met-lightgallery .lg-outer .lg-toogle-thumb {
    background: #fff
}

.met-lightgallery .lg-outer .lg-thumb-outer {
    padding: 0 10px
}

.met-lightgallery .lg-outer .lg-thumb-outer .lg-thumb-item {
    margin-bottom: 0
}

.met-lightgallery .lg-outer .lg-thumb-outer .lg-thumb-item.active,
.met-lightgallery .lg-outer .lg-thumb-outer .lg-thumb-item:hover {
    border-color: #62a8ea
}

.met-lightgallery .lg-toolbar .lg-icon:hover,
.met-lightgallery .lg-actions .lg-next:hover,
.met-lightgallery .lg-actions .lg-prev:hover,
.met-lightgallery .lg-outer .lg-toogle-thumb:hover {
    color: #2a333c
}

.met-lightgallery .lg-sub-html {
    color: #5e7387
}

.swiper-navtab.swiper-container-horizontal .swiper-scrollbar {
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 0
}

.swiper-navtab.swiper-container-horizontal .swiper-scrollbar-drag {
    background: rgba(0, 0, 0, 0.2)
}

.swiper-navtab .swiper-slide {
    width: auto
}

.swiper-wrapper>* {
    box-sizing: border-box
}

.slick-loading .slick-list {
    background: none
}

.slick-arrow {
    width: auto;
    height: auto;
    z-index: 1;
    color: #fff !important;
    text-align: center
}

.slick-arrow:before,
.slick-arrow:after {
    display: none
}

.slick-arrow:hover {
    color: #4E97D9 !important
}

.slick-arrow.slick-next {
    right: 0
}

.slick-arrow.slick-prev {
    left: 0
}

.slick-arrow i {
    font-size: 40px;
    opacity: .5
}

.slick-slide img[data-lazy] {
    width: auto !important;
    max-width: 100% !important
}

.met-product-showvideo-btn {
    position: absolute;
    left: 10px;
    top: 0;
    z-index: 1100;
    font-size: 60px;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.met-product-showvideo-btn a {
    line-height: 1
}

.met-product-showvideo-btn i {
    color: #000;
    background: #fff;
    border-radius: 100%
}

.met-product-showvideo {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1100
}

.met-product-showvideo .vertical-align-middle {
    position: relative
}

.met-product-showvideo video,
.met-product-showvideo iframe,
.met-product-showvideo embed {
    max-width: 100%;
    vertical-align: top
}

.met-product-showvideo p {
    margin-bottom: 0
}

.met-product-showvideo .video-close {
    width: 40px;
    height: 40px;
    background: #000;
    opacity: .7;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    line-height: 35px;
    border-radius: 100%;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1100
}

.met-product-showvideo video {
    outline: none
}

@media (max-width: 767px) {
    .met-product-showvideo .video-close {
        width: 30px;
        height: 30px;
        font-size: 24px;
        line-height: 30px
    }
}

.met-sidebar {
    margin-left: 30px
}

@media (max-width: 991px) {
    .met-sidebar {
        margin-left: 0px;
        margin-top: 20px
    }
}

@media (max-width: 767px) {
    .met-sidebar {
        margin-top: 15px
    }
}

.met-sidebar>:not(:first-child) {
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid #f0f2f5
}

.leftsidebar {
    margin-left: 0 !important;
    margin-right: 30px !important
}

@media (max-width: 991px) {
    .leftsidebar {
        margin-right: 0px !important
    }
}

.met-tools .bdsharebuttonbox {
    display: inline-block;
    vertical-align: top
}

#bdshare_weixin_qrcode_dialog {
    box-sizing: content-box
}

.no-js .grid li,
.no-cssanimations .met-grid li,
.met-grid li.shown,
#met-imgs-slick .slick-dots li.slick-active {
    opacity: 1
}

.met-lightgallery .lg-toolbar.opacity0,
.met-grid li {
    opacity: 0
}

#met-imgs-slick .slick-dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.paralist li {
    margin-bottom: 0
}

@media (min-width: 480px) {
    .paralist li {
        padding-right: 3px;
        padding-bottom: 3px
    }
}

.met-showproduct-head .product-para {
    border-top: 1px solid #f0f2f5
}

.met-showproduct-head .product-para,
.product-detail .met-editor .product-para {
    border-bottom: 1px solid #f0f2f5
}

.met-column-nav-ul,
.met-column-nav-ul.swiper-wrapper,
#met-imgs-slick .slick-dots {
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.met-showproduct.pagetype2 .met-showproduct-navtabs.swiper-wrapper {
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.met-page .pagination li a {
    max-width: 100%
}

.block-bg {
    background: #fff
}

.met-editor table tr.ue-table-interlace-color-single {
    background: #fcfcfc
}

.met-editor table tr.ue-table-interlace-color-double {
    background: #f7faff
}

.dropdown-item,
.met-page .pagination li a,
.sidebar-news-list .list-group a,
.sidebar-column li a,
.met-nav .navlist .nav-item a,
.met-footnav .list h4 a,
.index-product-list h4 a,
.index-news-list li a,
.met-news-list li h4 a,
.met-news-list.type-3 .card h4 a,
.met-product.type-1 .met-product-list li h4 a,
.met-download-list .list-group-item .media-heading a,
.met-job-list .card .card-title a,
.met-search-list .list-group-item h4 a,
.met-footnav .info em a:hover,
.index-service-list li h3 {
    color: #2a333c
}

.dropdown-item:hover,
.met-page .pagination li a:hover,
.sidebar-news-list .list-group a:hover,
.sidebar-column li a:hover,
.met-nav .navlist .nav-item a:hover,
.met-footnav .list h4 a:hover,
.index-product-list h4 a:hover,
.index-news-list li a:hover,
.met-news-list li h4 a:hover,
.met-news-list.type-3 .card h4 a:hover,
.met-product.type-1 .met-product-list li h4 a:hover,
.met-download-list .list-group-item .media-heading a:hover,
.met-job-list .card .card-title a:hover,
.met-search-list .list-group-item h4 a:hover,
.sidebar-piclist-ul li h4 a:hover,
.met-link a:hover,
.met-footnav .list ul li a:hover,
.met-column-nav-ul li a:hover,
.sitemap-list a:hover,
.met-nav .navlist .nav-item a.nav-link:hover {
    color: #4e97d9
}

.sidebar-column li a.active,
.met-column-nav-ul li a.active {
    color: #4e97d9
}

.sidebar-column li i,
.met-link .breadcrumb>li+li:before,
.met-footnav .info p,
footer {
    color: #aaa
}

.sidebar-piclist-ul li h4 a,
.paralist li,
.met-link,
.met-link a,
.met-footnav .list ul li a,
.met-footnav .info em a,
.met-index-body p.desc,
.index-service-list li i,
.index-service-list li p,
.met-showproduct-head .product-intro p.description {
    color: #5e7387
}

.met-head-user .dropdown i,
.met-search-list .list-group-item .search-text {
    color: #9e9e9e
}

.dropdown-item,
.met-page .pagination li a,
.sidebar-news-list .list-group a,
.sidebar-column li a,
.met-nav .navlist .nav-item a,
.met-footnav .list h4 a,
.index-product-list h4 a,
.index-news-list li a,
.met-news-list li h4 a,
.met-news-list.type-3 .card h4 a,
.met-product.type-1 .met-product-list li h4 a,
.met-download-list .list-group-item .media-heading a,
.met-job-list .card .card-title a,
.met-search-list .list-group-item h4 a,
.sidebar-piclist-ul li h4 a,
.met-link a,
.met-footnav .list ul li a,
.met-column-nav-ul li a,
.sitemap-list a {
    text-decoration: none
}

.dropdown-item:active,
.met-page .pagination li a:active,
.sidebar-news-list .list-group a:active,
.sidebar-column li a:active,
.met-nav .navlist .nav-item a:active,
.met-footnav .list h4 a:active,
.index-product-list h4 a:active,
.index-news-list li a:active,
.met-news-list li h4 a:active,
.met-news-list.type-3 .card h4 a:active,
.met-product.type-1 .met-product-list li h4 a:active,
.met-download-list .list-group-item .media-heading a:active,
.met-job-list .card .card-title a:active,
.met-search-list .list-group-item h4 a:active,
.sidebar-piclist-ul li h4 a:active,
.met-link a:active,
.met-footnav .list ul li a:active,
.met-column-nav-ul li a:active,
.sitemap-list a:active,
.decorationnone:active,
.dropdown-item:focus,
.met-page .pagination li a:focus,
.sidebar-news-list .list-group a:focus,
.sidebar-column li a:focus,
.met-nav .navlist .nav-item a:focus,
.met-footnav .list h4 a:focus,
.index-product-list h4 a:focus,
.index-news-list li a:focus,
.met-news-list li h4 a:focus,
.met-news-list.type-3 .card h4 a:focus,
.met-product.type-1 .met-product-list li h4 a:focus,
.met-download-list .list-group-item .media-heading a:focus,
.met-job-list .card .card-title a:focus,
.met-search-list .list-group-item h4 a:focus,
.sidebar-piclist-ul li h4 a:focus,
.met-link a:focus,
.met-footnav .list ul li a:focus,
.met-column-nav-ul li a:focus,
.sitemap-list a:focus,
.decorationnone:focus,
.dropdown-item:hover,
.met-page .pagination li a:hover,
.sidebar-news-list .list-group a:hover,
.sidebar-column li a:hover,
.met-nav .navlist .nav-item a:hover,
.met-footnav .list h4 a:hover,
.index-product-list h4 a:hover,
.index-news-list li a:hover,
.met-news-list li h4 a:hover,
.met-news-list.type-3 .card h4 a:hover,
.met-product.type-1 .met-product-list li h4 a:hover,
.met-download-list .list-group-item .media-heading a:hover,
.met-job-list .card .card-title a:hover,
.met-search-list .list-group-item h4 a:hover,
.sidebar-piclist-ul li h4 a:hover,
.met-link a:hover,
.met-footnav .list ul li a:hover,
.met-column-nav-ul li a:hover,
.sitemap-list a:hover,
.decorationnone:hover {
    text-decoration: none
}

.navhover-bg,
.met-head-user .dropdown>a {
    background: #f5f5f5
}

.index-bg {
    background: #f5f5f5
}

.page-bg,
.bg-pagebg1 {
    background: #f2f2f2
}

.block-bg,
.panel,
.met-showproduct.pagetype2 .content:nth-child(even) {
    background: #fff
}

.editor-color {
    background: #5e7387
}

.pagecr-bg {
    background: #62a8ea
}

.index-service-list li i {
    border-radius: 100%
}

.met-head+.met-crumbs,
.met-head+.met-column-nav {
    border-top: 1px solid #f0f2f5
}

.sidebar-column li a {
    display: block;
    font-size: 16px
}

.sidebar-column li i {
    float: right;
    margin-top: 2px;
    font-size: 14px
}

.sidebar-column li ul a {
    font-size: 14px
}


/* 头部 */
.navbar_header_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header_top_title {
    color: #7A7C7E;
}

.header_top_search {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;

}

.header_top_search_radio {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    padding-right: 10px;
}

.header_top_search_radio input[type="radio"] {
    margin-top: 0;

}

.header_top_search_radio label {
    font-size: 12px;
    color: #fff;
    margin-bottom: 0;
    margin-left: 5px;
}

.header_top_search_form {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    border: 1px solid #CA1621;
}

.header_top_search_form_select {
    background-color: transparent;
    border: none;
    color: #fff;
    margin-left: 10px;
}

.header_top_search_form_select:focus-visible {
    border: none;
}

.header_top_search_form_select option {
    background-color: #CA1621;
    background-color: #20262E;
}

.header_top_search_form input {
    width: 255px;
    outline: none;
    color: #fff;
    background-color: transparent;
    border: none;
    margin-left: 10px;
}

.header_top_search_btn {
    width: 45px;
    height: 36px;
    background: #CA1621;
    display: flex;
    justify-content: center;
    align-items: center;
}

.navbar_header_box {
    height: 115px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}



.header_box_right {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;

}

.header_box_right_item {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    margin-left: 30px;
}

.header_box_right_item:not(:last-of-type):after {
    width: 1px;
    height: 20px;
    background-color: #9C98A5;
    content: "";
    position: absolute;
    right: 0;
}

.header_box_right_item>div {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    margin: 0 30px;
}

.header_box_right_item>div>div {
    line-height: 1.5;
}

.header_box_right_item>div>div:nth-of-type(1) {
    font-size: 15px;
    color: #595959
}

.header_box_right_item>div>div:nth-of-type(2) {
    color: #9C98A5
}

.navbar-default .navbar-nav .open .dropdown-menu .dropdown-item i {
    color: black
}

.navbar-default .navbar-nav .open .dropdown-menu .dropdown-item:hover,
.navbar-default .navbar-nav .open .dropdown-menu .dropdown-item:hover i {
    color: #d71618 !important
}


@media (max-width:767px) {

    .navbar_header_menu .eco_topbar .denglubtn {
        overflow: hidden
    }
}

@media (max-width:768px) {
    .navbar_header_menu .eco_header {
        display: none
    }
}


.navbar_header_menu.navbar-default .hamburger .hamburger-bar,
.navbar_header_menu.navbar-default .hamburger:after,
.navbar_header_menu.navbar-default .hamburger:before {
    background-color: #999999
}




.dropdown-menu>.dropdown-submenu>.dropdown-item:after {
    display: none
}


.navbar_header_menu .eco_topbar .denglubtn {
    padding: 10px 0;
    margin: 0 10px;
    display: block
}

.navbar_header_menu .eco_topbar .denglubtn .met-head-user .dropdown>a {
    height: 30px;
    line-height: 30px
}

.navbar_header_menu .eco_topbar .denglubtn .met-head-user .dropdown .dropdown-menu {
    z-index: 1700;
    top: 45px
}

.navbar_header_menu .nav-top {
    padding: 28px 0 26px 0;
    background-color: #ffffff;
}

.navbar_header_menu .nav-top .navbar-header a.met-logo {
    height: 60px;
    margin: 0;
    margin-left: 0 !important;
    padding: 0;
    display: block
}

.navbar_header_menu .nav-top .navbar-header a.met-logo .vertical-align-middle {
    display: inline-block;
    max-width: 100%;
    font-size: 14px
}

.navbar_header_menu .nav-top .navbar-header a.met-logo .vertical-align-middle img {
    max-height: 60px
}

.navbar_header_menu .fullnav {
    background-color: #d71618;
    background:
}

.navbar_header_menu .navbar-toggler {
    padding-top: 3.7rem;
    padding-bottom: 3.7rem
}

.navbar_header_menu #met-head-user-collapse {
    background-color: transparent
}

.navbar_header_menu .eco_header .top-info {
    display: inline-block;
    padding-left: 20px;
    text-align: left
}

.navbar_header_menu .eco_header .top-info p {
    display: inline-block;
    font-size: 1.1em;
    color: #333333;
    margin: 0;
    line-height: 26px
}

.navbar_header_menu .eco_header .top-info p a {
    color: #9692a0;
    font-size: 1em;
    text-decoration: none
}

.navbar_header_menu .eco_header .top-info p.telbox>a {
    color: #333333
}

.navbar_header_menu .eco_header .top-info p a:active,
.navbar_header_menu .eco_header .top-info p a:focus,
.navbar_header_menu .eco_header .top-info p a:hover {
    text-decoration: none
}

.navbar_header_menu .eco_header .top-info p>span,
.navbar_header_menu .eco_header .top-info p>span a {
    color: #9692a0
}

.navbar_header_menu .eco_header .top-info .icon-box,
.navbar_header_menu .eco_header .top-info .content-box {
    display: table-cell;
    vertical-align: middle
}

.navbar_header_menu .eco_header .top-info .icon-box {
    padding-right: 20px;
    position: relative;
    display: table-cell;
    vertical-align: middle
}

.navbar_header_menu .eco_header .top-info .icon-box span {
    font-size: 30px;
    padding-left: 25px;
    position: relative;
    color: #333333
}

.navbar_header_menu .eco_header .top-info+.top-info .icon-box:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    width: 1px;
    height: 30px;
    background-color: #cccccc
}

.navbar_header_menu .eco_header .top-info:first-child .icon-box span {
    border-left: none
}

.navbar_header_menu .dropdown .dropdown-submenu .dropdown-menu {
    top: 0
}

@media (max-width:767px) {
    .navbar_header_menu .eco_header {
        display: none
    }
}

.navbar_header_menu .met-nav.met-nav-absolute {
    position: absolute;
    position: sticky;
    top: 100%;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1500
}

.navbar_header_menu .met-nav.nobanner {
    position: relative
}

.navbar_header_menu .met-nav.stricky-fixed {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #212121
}

.navbar_header_menu {
    background-color: transparent
}




.navbar_header_menu .dropdown-menu>.dropdown-submenu .dropdown-menu {
    left: 100%
}


.navbar_header_menu .met-nav {
    min-height: 62px;
    margin-bottom: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    position: relative;
    z-index: 1601;
    background: #272727;
}

.navbar_header_menu .ecosocials ul.dropdown-menu {
    z-index: 9999;
    margin-top: 5px;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .05);
    box-shadow: 0 3px 12px rgba(0, 0, 0, .05);
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s
}

.navbar_header_menu .ecosocials ul.dropdown-menu.animate li {
    -webkit-animation-name: slide-left;
    -o-animation-name: slide-left;
    animation-name: slide-left;
    -webkit-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    margin: 2px 0
}

.navbar_header_menu .ecosocials .dropdown-menu.animate>li:nth-child(1) {
    -webkit-animation-delay: .02s;
    -o-animation-delay: .02s;
    animation-delay: .02s
}

.navbar_header_menu .met-nav .find-advisor:hover,
.navbar_header_menu .met-nav .find-advisor:hover:before {
    background: #ffffff
}

.navbar_header_menu .met-nav .find-advisor:hover a.advisor:after {
    background: #ffffff
}

.navbar_header_menu .met-nav .find-advisor:hover a.advisor {
    color: #333333
}

.navbar_header_menu .ecosocials .dropdown-menu.animate.animate-reverse>li:nth-last-child(1) {
    -webkit-animation-delay: .02s;
    -o-animation-delay: .02s;
    animation-delay: .02s
}

.navbar_header_menu .ecosocials ul.dropdown-menu.search input {
    background: transparent;
    border: 1px solid #999999;
    color: #ffffff;
    padding-left: 10px;
    margin-right: 10px;
    height: 30px;
    line-height: 28px;
    font-size: 14px;
    border-radius: 0;
    width: 75%;
    margin: 15px 0
}

.navbar_header_menu .ecosocials ul.dropdown-menu.search input::-webkit-input-placeholder {
    color: #ffffff
}

.navbar_header_menu .ecosocials ul.dropdown-menu.search input:focus {
    outline: none
}

.navbar_header_menu .ecosocials ul.dropdown-menu.search {
    background: #20262e;
    border-color: #999999;
    padding: 0 15px
}

.navbar_header_menu .met-nav .container {
    position: relative
}


.navbar_header_menu .met-nav .navbar-header {
    float: left
}

.navbar_header_menu .met-nav .navbar-header .navbar-toggle {
    margin-left: 0;
    float: left;
    z-index: 2;
    outline: none
}

.navbar_header_menu .met-nav .navbar-toggle {
    height: 62px
}

.navbar_header_menu .met-nav .navbar-header .navbar-toggle .fa {
    color: #ffffff;
    font-size: 24px;
    cursor: pointer
}

.navbar_header_menu .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 16px;
    margin-right: 15px;
    margin-bottom: 16px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px
}

.navbar_header_menu .navbar-toggle {
    height: 66px;
    padding: 22px 15px;
    margin-top: 16px;
    margin-top: 0;
    margin-bottom: 16px;
    margin-bottom: 0;
    line-height: 22px;
    background: 0 0 !important;
    -webkit-transition: color .25s linear;
    -o-transition: color .25s linear;
    transition: color .25s linear
}



.navbar_header_menu .met-nav.met-nav-absolute a.advisor:after {
    width: 0
}

.navbar_header_menu .met-nav.stricky-fixed a.advisor:after {
    width: 2000px
}

.navbar_header_menu .met-nav .dropdown-menu>li>a,
.met-nav .nav>li>a {
    color: #ffffff !important;
    font-weight: 500;
    font-size: 1.1em;
    display: block;
    z-index: 2;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    padding: 0 30px;
}

.navbar_header_menu .met-nav .row {
    position: relative
}

.navbar_header_menu .met-nav .navbar-collapse {
    float: left;
    border-top: 0;
    position: relative
}

.navbar_header_menu .dropdown>.active {
    background-color: #d71618 !important;
    color: #fff !important;
}



.navbar_header_menu .met-nav .dropdown-submenu a.active span,
.navbar_header_menu .met-nav .dropdown-submenu a:hover span,
.navbar_header_menu .met-nav .dropdown-menu .open a:hover span {
    background: transparent !important;
    color: #d71618 !important;
}

.navbar_header_menu .met-nav a.link:hover span {
    color: #ffffff !important;
}

.navbar_header_menu .dropdown-menu {
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .05);
    box-shadow: 0 3px 12px rgba(0, 0, 0, .05)
}

.navbar_header_menu .met-nav .nav>li>a {
    position: relative
}



@media (max-width:1199px) and (min-width:992px) {
    .navbar_header_menu .met-nav .nav>li:before {
        top: 25px;
        bottom: 25px
    }

    .navbar_header_menu .met-nav .nav>li>a {
        padding: 0 10px;
        font-size: 14px
    }

    .navbar_header_menu .met-nav .nav>li>a {
        padding: 0 10px;
        font-size: 14px
    }

    .navbar_header_menu .met-nav .nav>li>a {
        height: 62px;
        line-height: 62px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .navbar_header_menu .container {
        width: 100%
    }

    .navbar_header_menu .eco_topbar {
        padding: 0 10px
    }
}

@media (min-width:768px) {

    .navbar_header_menu .met-nav .nav>li>a {
        height: 62px;
        line-height: 62px
    }

    .navbar_header_menu .met-nav .nav-langlist>:first-child {
        margin-right: 120px
    }



    .navbar_header_menu .navbar-nav>li {
        float: left;
        position: relative;
        display: block
    }

    .navbar_header_menu .navbar-right .dropdown-menu {
        right: auto;
        left: 0;
        overflow: hidden
    }

    .navbar_header_menu .met-nav .dropdown-menu {
        top: 62px;
        transition: all .4s cubic-bezier(.84, .35, .39, .74);
        -moz-transition: all .4s cubic-bezier(.84, .35, .39, .74);
        -webkit-transition: all .4s cubic-bezier(.84, .35, .39, .74);
        -o-transition: all .4s cubic-bezier(.84, .35, .39, .74);
        z-index: 9999;
        padding: 0;
        border: 0
    }

    .navbar_header_menu .met-nav .navbar-nav>li.ecodropdown>ul {
        min-width: 200px;
        top: 200%;
        visibility: hidden;
        opacity: 0;
        display: block;
        padding-top: 10px;
        background: 0 0;
        margin: 0;
        white-space: nowrap
    }

    .navbar_header_menu .met-nav .navbar-nav>li.ecodropdown:hover>ul {
        visibility: visible;
        opacity: 1;
        top: 100%
    }


    .navbar_header_menu .met-nav .nav>li:last-child:before {
        border-right: 0
    }

    .navbar_header_menu .met-nav .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar_header_menu .met-nav .dropdown.ecoopen>a {
        color: #ffffff !important;
    }

    .navbar_header_menu .met-nav .dropdown-menu li a {
        border-bottom: 1px solid #383838;
        padding: 10px 20px;
        font-weight: 500;
        font-size: 1em
    }

    .navbar_header_menu .met-nav .dropdown-menu li {
        background: #212121;
        margin: transparent
    }

    .navbar_header_menu .met-nav .dropdown-menu>li>a:hover {
        color: #d71618 !important;
        color: !important;
        background: transparent
    }

    .navbar_header_menu .met-nav .fa-angle-right {
        padding-right: 10px
    }

    .navbar_header_menu .dropdown-menu>.dropdown-submenu>a:after {
        position: absolute;
        right: 10px;
        display: inline-block;
        width: 0;
        height: 0;
        margin-top: 6px;
        vertical-align: middle;
        content: '';
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px dashed
    }

    .navbar_header_menu .met-nav .navbar-nav>li.ecodropdown>ul>li>ul {
        left: 120%;
        visibility: hidden;
        opacity: 0;
        display: block !important;
        border-radius: 0
    }

    .navbar_header_menu .met-nav .navbar-nav>li.ecodropdown>ul>li.dropdown-submenu:hover>ul {
        visibility: visible;
        opacity: 1;
        left: 101%
    }

    .navbar_header_menu .met-nav .dropdown-menu.overflow-visible .dropdown-submenu:hover .dropdown-menu {
        display: table !important
    }
}

@media (min-width:991px) {
    .navbar_header_menu .navbar-toggle {
        display: none
    }
}

@media (max-width:991px) {
    .navbar_header_menu .nav-top .navbar-header {
        float: none !important;
        text-align: center
    }

    .navbar_header_menu .eco_header {
        float: none !important;
        text-align: center
    }

    .navbar_header_menu .nav-top {
        height: auto
    }

    .navbar_header_menu .nav-top .navbar-header a.met-logo {}

    .navbar_header_menu .nav-top {
        padding: 30px 0 20px 0
    }

    .navbar_header_menu .met-nav .navbar-collapse.collapse {
        display: none !important
    }

    .navbar_header_menu .met-nav.met-nav-absolute {
        position: relative
    }
}

@media (max-width:767px) {
    .navbar_header_menu .eco_topbar.mobilehide {
        display: none
    }

    .navbar_header_menu .nav-top {
        padding: 5px 0 5px 0
    }

    .navbar_header_menu .nav-top .navbar-header a.met-logo {
        margin-bottom: 0
    }

    .navbar_header_menu .eco_topbar .pull-left {
        float: none;
        text-align: center
    }

    .navbar_header_menu .eco_topbar .pull-right {
        float: none;
        text-align: center
    }

    .navbar_header_menu .eco_topbar .denglubtn {
        padding: 0;
        margin: 0
    }

    .navbar_header_menu .eco_topbar p {
        margin: 0 auto
    }
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

/* 底部 */

.footer_box {
    padding-top: 45px;
    padding-bottom: 45px;

}

.footer_box_href {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 25px;
}

.footer_box_href span {
    font-size: 16px;
    font-family: PingFang SC-Bold, PingFang SC;
    font-weight: bold;
    color: #FFFFFF;
    white-space: nowrap;
    line-height: 40px;
    margin-right: 10px;
}

.footer_box_href_a {
    /* display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center; */
}

.footer_box_href_a a {
    padding: 0 30px 0 0;
    font-size: 14px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
    line-height: 40px;
}

.footer_box_href_a a img {

    width: 20px;
    height: 20px;
    object-fit: cover;
    margin-right: 5px;
}

.footer_box_intro {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 30px;
}

.footer_box_intro .intro_left {
    width: 24%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.footer_box_intro .intro_left .intro_left_img {
    width: 37%;
    margin-right: 10%;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
}

.footer_box_intro .intro_left .intro_left_img>img {
    width: 100%;
}

.footer_box_intro .intro_left .intro_left_img>span {
    font-size: 14px;
    margin-top: 20px;
    color: #FFFFFF;
}

.footer_box_intro .intro_center {
    flex: 1;
    padding-left: 40px;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    border-right: 1px solid rgba(255, 255, 255, 0.15);
}

.footer_box_intro .intro_center>div {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.footer_box_intro .intro_center>div p:nth-of-type(1) {
    font-size: 14px;
    font-weight: 400;
    color: #999999;
}

.footer_box_intro .intro_center>div p:nth-of-type(2) {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
}

.footer_box_intro .intro_right {
    width: 48%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.footer_box_intro .intro_right .intro_right_item {
    flex: 1;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 40px;
}

.footer_box_intro .intro_right .intro_right_item .intro_right_title {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.footer_box_intro .intro_right .intro_right_item .intro_right_title_column {
    display: flex;
    flex-flow: column;
}

.footer_box_intro .intro_right .intro_right_item .intro_right_sub {
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    line-height: 2.5;
}


.footer_content {
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    background-color: #212121;
    padding-bottom: 45px;
}

.footer_content>div {
    font-size: 14px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
    line-height: 2.0;
    text-align: center;
}


/* 顶部轮播 */

.swiper_top {
    position: relative;
}

.swiper_top_box {
    width: 100%;
    height: 100%;
}

.swiper_top_box .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper_top_box .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper_top .swiper_top_notice {
    height: 50px;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    padding: 0 50px;
}

.swiper_top .swiper_top_notice .swiper_top_notice_img {
    padding-right: 50px;
    position: relative;
}

.swiper_top .swiper_top_notice .swiper_top_notice_img img {
    height: 15px;
    width: auto;
    position: relative;
}

.swiper_top .swiper_top_notice .swiper_top_notice_img::after {
    width: 2px;
    height: 25px;
    position: absolute;
    right: 0;
    background-color: rgba(255, 255, 255, 0.15);
    content: "";
    right: 0;
    z-index: 10;
    top: auto;
    bottom: auto;
}

.swiper_top .swiper_top_notice .swiper_top_notice_swiper {
    flex: 1;
    height: 100%;
}



.swiper_top .swiper_top_notice .swiper_top_notice_swiper .swiper-slide {
    background-color: transparent;
    font-size: 14px;
    font-weight: normal;
    color: #FFFFFF;
    display: flex;
    justify-content: flex-start !important;
    align-items: center !important;
    padding-left: 25px;
}





/* 路徑 */
.main_path {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 0;
}

.main_path>span {
    font-size: 12px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
}

.main_path_box {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.main_path_box>a {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin-right: 15px;
}

.main_path_box>a span {
    font-size: 12px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    margin: 0 10px;
}

.main_path_box>a>i {
    font-size: 16px;
    color: #333333;
}

.main_navbar {
    width: 100%;
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main_cate_all {
    flex: 1;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.main_cate_item {
    font-size: 18px;
    font-weight: 400;
    color: #999999;
    position: relative;
    padding-right: 25px;
}

.main_cate_item:not(:first-of-type) {
    padding-left: 25px;
}

.main_cate_item:not(:first-of-type)::after {
    content: "/";
    position: absolute;
    left: 0;
}

.main_cate_item_active {
    color: #CA1621;
}

.main_box {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.main_box_top {
    margin-top: 20px;
}

/* 侧边导航 */

.main_left {
    width: 300px;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;

    padding-right: 25px;

}

.main_left .main_left_menu {
    width: 100%;
}

.main_left .main_left_menu .main_left_menu_item:last-of-type {
    margin-bottom: 30px;

}

.main_left .main_left_menu .main_left_menu_item {
    width: 100%;
    height: 44px;
    background: #CA1621;
    padding: 0 15px;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.main_left .main_left_menu .main_left_menu_item span {
    font-size: 14px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 500;
    color: #ffa4aa;
}

.main_left .main_left_menu .main_left_menu_item_one {

    height: 97px;
    justify-content: flex-end;
    background: url('https://inexweb.oss-cn-shenzhen.aliyuncs.com/qy/left_menu_bj.png') no-repeat;
    background-size: 100% 100%;
    background-color: #CA1621;
}

.main_left .main_left_menu .main_left_menu_item_one span {
    font-size: 18px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    position: relative;
}

.main_left .main_left_menu .main_left_menu_item_one span::after {
    position: absolute;
    bottom: -10px;
    width: 127px;
    height: 2px;
    background: #FFFFFF;
    content: "";
    right: 0;
}

.main_left .main_left_menu .main_left_menu_item_active span {
    color: #fff;
}

.main_left_part_title {
    width: 100%;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(122, 122, 122, 0.15);
}

.main_left_part_title span {
    font-size: 20px;
    font-family: PingFang SC-Bold, PingFang SC;
    font-weight: bold;
    color: #CA1621;
    border-bottom: 1px solid #CA1621;
    padding: 0 20px;
}

.main_left_company {
    width: 100%;
    background: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    border: 1px solid rgba(112, 112, 112, 0.15);
    padding: 10px 15px;

}

.main_left_company .company_title {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    line-height: 2.5;
}

.main_left_company .company_content {
    font-size: 14px;
    font-weight: 400;
    color: #959EAF;
    line-height: 2.5;
}

.main_left_part_input {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    background: #F3F7F9;
    border: 1px solid rgba(112, 112, 112, 0.15);

}

.main_left_part_input input {
    flex: 1;
    outline: none;
    margin-left: 10px;
    border: none;
    background: #F3F7F9;
}

.main_left_part_input_search_btn {
    width: 45px;
    height: 36px;
    background: #CA1621;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_right {
    flex: 1;
    /* overflow: hidden; */
    padding-bottom: 50px;
}


/* 分页组件 */
.list_pagination>li>a,
.list_pagination>li>span {
    width: 42px;
    height: 42px;
    font-size: 14px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #CCD5DB;
    border: 1px solid #E4EAEC;

    display: flex;
    justify-content: center;
    align-items: center;
}

.list_pagination_exchange a {
    width: 74px !important;

}

.list_pagination>li>a:hover,
.list_pagination>li>span:hover,
.list_pagination>li>a:focus,
.list_pagination>li>span:focus {
    background: #CA1621;
    color: #fff;
}

.list_pagination>li .active {
    background: #CA1621;

}

.list_pagination>li>span {}





/* 弹窗 */
.dialog_box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 99999;
    display: none;
}

.dialog_box_inner {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 703px;
    background: #FFF;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    padding: 35px 45px;
}

.dialog_form_title {
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 30px;
}

.dialog_form_title>div:nth-of-type(1) {
    font-size: 20px;
    font-weight: 500;
    color: #333333;
}

.dialog_form_title>div:nth-of-type(2) {
    font-size: 16px;
    font-weight: 500;
    color: #333333;
}

.dialog_form_title img {
    width: 28px;
    position: absolute;
    right: 0;
}


.dialog_form_content {}

.dialog_form_item {
    background: #F9F9F9;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 25px 15px;
    margin-bottom: 10px;
}

.dialog_form_item .dialog_form_item_label {
    min-width: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid rgba(112, 112, 112, 0.15);

}

.dialog_form_item .dialog_form_item_label>span:nth-of-type(1) {
    font-size: 18px;
    font-weight: 500;
    color: #CA1621;
    margin-right: 3px;

}

.dialog_form_item .dialog_form_item_label>span:nth-of-type(2) {
    font-size: 18px;
    font-weight: 500;
    color: #333333;
}

.dialog_form_item input,
.dialog_form_item textarea {
    flex: 1;
    padding-left: 15px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;

    outline: none;
    border: none;
    background: transparent;
}

.dialog_form_item input:-moz-placeholder,
.dialog_form_item textarea:-moz-placeholder {
    color: #BFBFBF;
}

.dialog_form_item input:-ms-input-placeholder,
.dialog_form_item textarea:-ms-input-placeholder {
    color: #BFBFBF;
}

.dialog_form_item input::-webkit-input-placeholder,
.dialog_form_item textarea::-webkit-input-placeholder {
    color: #BFBFBF;
}

.dialog_form_content .dialog_form_button {
    width: 100%;
    height: 55px;
    background: #CA1621;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.clear_button_style {
    border: none;
    background-color: transparent;

}

.advice_fix {
    position: fixed;
    right: 20px;
    top: 40%;

    /* position: absolute;
    right: 10px;
    top: 10px; */
 
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
 
    z-index: 99;
}

.advice_fix_item {
    width: 63px;
    height: 63px;
    margin-bottom: 5px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    background-color: #e7343f;
}

.advice_fix_item i {
    font-size: 18px;
    color: #fff;
    margin-bottom: 5px;
}

.advice_fix_item span {
    font-size: 12px;
    color: #fff;
}

.advice_fix>img {
    width: 63px;
    height: 63px;
    margin-bottom: 5px;
}
.sidebar{
   top: 45%;
}