@import "bootstrap.min.css";
@import "all.css";
@import "iconfont.css";
@import "ie-css3.css";
@import "animate.css";

@font-face {
    font-family: 'AlibabaSans-Regular';
    src: url("http://std.jsca119.cn/static/theme/1/fonts//AlibabaSans-Regular.otf") format('truetype')
}

@font-face {
    font-family: 'Alibaba-PuHuiTi-Regular';
    src: url("http://std.jsca119.cn/static/theme/1/fonts//Alibaba-PuHuiTi-Regular.otf") format('truetype')
}

::-webkit-scrollbar {
    width: .45rem;
    height: .45rem;
    background: none !important
}

::-webkit-scrollbar-thumb {
    border-radius: .45rem;
    background-color: rgba(17, 17, 17, 0.6) !important
}

::-webkit-scrollbar-thumb:vertical:hover {
    background-color: rgba(17, 17, 17, 0.8) !important
}

input:-webkit-autofill {
    -webkit-box-shadow: none !important
}

body {
    font-family: Arial, -apple-system, "微软雅黑", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: .85rem;
    font-weight: normal;
    line-height: 1.5;
    color: #777777;
    background-color: #ffffff
}

p {
    line-height: 1.8;
    margin-bottom: 0
}

dd {
    margin-bottom: 0
}

.breadcrumb {
    padding-top: 0;
    font-size: .8rem;
    background-color: transparent
}

.breadcrumb .breadcrumb-item a {
    color: #777777;
    color: rgba(17, 17, 17, 0.5) !important
}

.breadcrumb .breadcrumb-item a:hover,
.breadcrumb .breadcrumb-item a:focus,
.breadcrumb .breadcrumb-item a.active {
    color: #00a4ff !important;
    text-decoration: none
}

.breadcrumb .breadcrumb-item.active a {
    color: #111 !important
}

.link-main {
    color: #000 !important
}

.link-main:hover,
.link-main:focus,
.link-main.active {
    color: #00a4ff !important;
    text-decoration: none
}

.link-light {
    color: rgba(17, 17, 17, 0.5) !important
}

.link-light:hover,
.link-light:focus,
.link-light.active {
    color: #00a4ff !important;
    text-decoration: none
}

.link-dark {
    color: #fff !important
}

.link-dark:hover,
.link-dark:focus,
.link-dark.active {
    color: #fff !important;
    text-decoration: none
}

.cursor-p {
    cursor: pointer
}

.cursor {
    cursor: default
}

.opacity-0 {
    opacity: 0;
    filter: alpha(opacity=0)
}

.font-awesome {
    font-weight: bold;
    margin-right: .3rem;
    font-family: 'Font Awesome 5 Free'
}

.tooltip-inner {
    font-size: .72rem
}

.o-y {
    overflow: hidden
}

.o-y-h {
    overflow-y: hidden
}

.o-y-x {
    overflow-x: hidden
}

.o-y-a {
    overflow-y: auto
}

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

.text-hide {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

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

.text-uppercase {
    text-transform: uppercase
}

.font-lx {
    font-size: 6rem !important
}

.font-lg {
    font-size: 3rem !important
}

.font-md {
    font-size: 1.15rem !important
}

.font-sm {
    font-size: .9rem !important
}

.font-xs {
    font-size: .65rem !important
}

.h1 {
    font-size: 2.6rem !important
}

.h2 {
    font-size: 2.15rem !important
}

.h3 {
    font-size: 1.75rem !important
}

.h4 {
    font-size: 1.35rem !important
}

h5,
.h5 {
    font-size: 1.2rem !important
}

.h6 {
    font-size: .85rem !important
}

.strong {
    font-weight: bold
}

.line-height-base {
    line-height: 1.5
}

.line-height-lg {
    line-height: 3.6
}

.line-height-md {
    line-height: 2
}

.line-height-sm {
    line-height: 1
}

.img-fluid {
    max-width: 100%;
    overflow-x: hidden
}

.blockquote {
    font-size: .85rem;
    line-height: 1.5;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: rgba(17, 17, 17, 0.5) !important
}

.blockquote p {
    max-height: 10rem;
    overflow-y: hidden
}

.blockquote .blockquote-footer {
    color: #111 !important
}

.overlay {
    position: relative
}

.jumbotron {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.shadow-0 {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.shadow-sm {
    box-shadow: 0 0 1rem rgba(17, 17, 17, 0.05) !important;
    -moz-box-shadow: 0 0 1rem rgba(17, 17, 17, 0.05) !important;
    -webkit-box-shadow: 0 0 1rem rgba(17, 17, 17, 0.05) !important
}

.shadow {
    box-shadow: 0 0 3rem rgba(17, 17, 17, 0.1) !important;
    -moz-box-shadow: 0 0 3rem rgba(17, 17, 17, 0.1) !important;
    -webkit-box-shadow: 0 0 3rem rgba(17, 17, 17, 0.1) !important
}

.shadow-lg {
    box-shadow: 0 0 4rem rgba(17, 17, 17, 0.16) !important;
    -moz-box-shadow: 0 0 4rem rgba(17, 17, 17, 0.16) !important;
    -webkit-box-shadow: 0 0 4rem rgba(17, 17, 17, 0.16) !important
}

.shadow-bottom-sm {
    box-shadow: 0 1rem 1rem rgba(17, 17, 17, 0.05) !important;
    -moz-box-shadow: 0 1rem 1rem rgba(17, 17, 17, 0.05) !important;
    -webkit-box-shadow: 0 1rem 1rem rgba(17, 17, 17, 0.05) !important
}

.shadow-bottom {
    box-shadow: 0 2rem 3rem rgba(17, 17, 17, 0.1) !important;
    -moz-box-shadow: 0 2rem 3rem rgba(17, 17, 17, 0.1) !important;
    -webkit-box-shadow: 0 2rem 3rem rgba(17, 17, 17, 0.1) !important
}

.shadow-bottom-lg {
    box-shadow: 0 3rem 4rem rgba(17, 17, 17, 0.16) !important;
    -moz-box-shadow: 0 3rem 4rem rgba(17, 17, 17, 0.16) !important;
    -webkit-box-shadow: 0 3rem 4rem rgba(17, 17, 17, 0.16) !important
}

.shadow-top-sm {
    box-shadow: 0 -1rem 1rem rgba(17, 17, 17, 0.05) !important;
    -moz-box-shadow: 0 -1rem 1rem rgba(17, 17, 17, 0.05) !important;
    -webkit-box-shadow: 0 -1rem 1rem rgba(17, 17, 17, 0.05) !important
}

.shadow-top {
    box-shadow: 0 -2rem 3rem rgba(17, 17, 17, 0.1) !important;
    -moz-box-shadow: 0 -2rem 3rem rgba(17, 17, 17, 0.1) !important;
    -webkit-box-shadow: 0 -2rem 3rem rgba(17, 17, 17, 0.1) !important
}

.shadow-top-lg {
    box-shadow: 0 -3rem 4rem rgba(17, 17, 17, 0.16) !important;
    -moz-box-shadow: 0 -3rem 4rem rgba(17, 17, 17, 0.16) !important;
    -webkit-box-shadow: 0 -3rem 4rem rgba(17, 17, 17, 0.16) !important
}

.shadow-none {
    box-shadow: none !important
}

.text-shadow-0 {
    text-shadow: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none
}

.text-shadow-sm {
    text-shadow: 0 0 1rem #c3c3c3 !important;
    -moz-text-shadow: 0 0 1rem #c3c3c3 !important;
    -webkit-text-shadow: 0 0 1rem #c3c3c3 !important
}

.text-shadow {
    text-shadow: 0 .3rem .3rem #aaa !important;
    -moz-text-shadow: 0 .3rem .3rem #aaa !important;
    -webkit-text-shadow: 0 .3rem .3rem #aaa !important
}

.text-shadow-lg {
    text-shadow: 0 .4rem .4rem #919191 !important;
    -moz-text-shadow: 0 .4rem .4rem #919191 !important;
    -webkit-text-shadow: 0 .4rem .4rem #919191 !important
}

.text-linear {
    -webkit-line-clamp: 2;
    background-image: -webkit-linear-gradient(right, #00a4ff, #00f9ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.bg-linear {
    background: linear-gradient(right, #00a4ff, #00ceff) !important;
    background: -webkit-linear-gradient(right, #00a4ff, #00ceff) !important;
    text-shadow: .1rem 0 .2rem #00e4ff;
    -moz-text-shadow: .1rem 0 .2rem #00e4ff;
    -webkit-text-shadow: .1rem 0 .2rem #00e4ff
}

.border-linear {
    border-image: linear-gradient(right, #00a4ff, #00f9ff) 20 20
}

.text-primary {
    color: #00a4ff !important
}

.text-success {
    color: #09ce2c !important
}

.text-info {
    color: #43b7fd !important
}

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

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

.text-purple {
    color: #6f42c1 !important
}

.text-pink {
    color: #e83e8c !important
}

.text-secondary {
    color: #ddd !important
}

.text-dark {
    color: #111 !important
}

.text-gold {
    color: #fdc486 !important
}

.text-cyan {
    color: #43b7fd !important
}

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

.text-gray {
    color: rgba(17, 17, 17, 0.3)
}

.text-body {
    color: #212529 !important
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important
}

.text-black {
    color: #000 !important
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important
}

.text-muted {
    color: rgba(17, 17, 17, 0.5) !important
}

.bg-primary {
    background-color: #00a4ff !important
}

.bg-success {
    background-color: #09ce2c !important
}

.bg-info {
    background-color: #43b7fd !important
}

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

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

.bg-purple {
    background-color: #6f42c1 !important
}

.bg-pink {
    background-color: #e83e8c !important
}

.bg-gold {
    background-color: #fdc486 !important
}

.bg-cyan {
    background-color: #43b7fd !important
}

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

.bg-dark-primary {
    background-color: #00070a !important
}

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

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

.bg-black {
    background-color: #000 !important
}

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

.bg-gray {
    background-color: #444 !important
}

.bg-black-50 {
    background-color: rgba(0, 0, 0, 0.5)
}

.bg-white-50 {
    background-color: rgba(255, 255, 255, 0.5)
}

.bg-none {
    background-color: transparent
}

.bg-0 {
    background: none !important
}

.badge-sm {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.badge-primary {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: #00a4ff;
    border-color: #00a4ff
}

.badge-success {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: #09ce2c;
    border-color: #09ce2c
}

.badge-info {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: #43b7fd;
    border-color: #43b7fd
}

.badge-warning {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: #fd8420;
    border-color: #fd8420
}

.badge-purple {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: #6f42c1;
    border-color: #6f42c1
}

.badge-pink {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: #e83e8c;
    border-color: #e83e8c
}

.badge-gold {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: #fdc486;
    border-color: #fdc486
}

.badge-danger {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: #f93232;
    border-color: #f93232
}

.badge-cyan {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: #43b7fd;
    border-color: #43b7fd
}

.badge-dark {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #aaa;
    font-weight: normal;
    font-size: .65rem;
    background-color: #111;
    border-color: #111;
    color: #fff !important
}

.badge-secondary {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: #ddd;
    border-color: #ddd;
    color: #fff !important
}

.badge-light {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: #f5f5f5;
    border-color: #f5f5f5
}

.badge-gray {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: #666;
    border-color: #666
}

.badge-white {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: #fff;
    border-color: #fff
}

.alert-primary {
    color: #fff;
    background-color: #00a4ff !important;
    border-color: #00a4ff !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-primary hr {
    border-top-color: rgba(0, 164, 255, 0.05)
}

.alert-primary .alert-link {
    color: rgba(0, 164, 255, 0.1)
}

.alert-success {
    color: #fff;
    background-color: #09ce2c !important;
    border-color: #09ce2c !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-success hr {
    border-top-color: rgba(9, 206, 44, 0.05)
}

.alert-success .alert-link {
    color: rgba(9, 206, 44, 0.1)
}

.alert-info {
    color: #fff;
    background-color: #43b7fd !important;
    border-color: #43b7fd !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-info hr {
    border-top-color: rgba(67, 183, 253, 0.05)
}

.alert-info .alert-link {
    color: rgba(67, 183, 253, 0.1)
}

.alert-warning {
    color: #fff;
    background-color: #fd8420 !important;
    border-color: #fd8420 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-warning hr {
    border-top-color: rgba(253, 132, 32, 0.05)
}

.alert-warning .alert-link {
    color: rgba(253, 132, 32, 0.1)
}

.alert-danger {
    color: #fff;
    background-color: #f93232 !important;
    border-color: #f93232 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-danger hr {
    border-top-color: rgba(249, 50, 50, 0.05)
}

.alert-danger .alert-link {
    color: rgba(249, 50, 50, 0.1)
}

.alert-purple {
    color: #fff;
    background-color: #6f42c1 !important;
    border-color: #6f42c1 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-purple hr {
    border-top-color: rgba(111, 66, 193, 0.05)
}

.alert-purple .alert-link {
    color: rgba(111, 66, 193, 0.1)
}

.alert-gold {
    color: #fff;
    background-color: #fdc486 !important;
    border-color: #fdc486 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-gold hr {
    border-top-color: rgba(253, 196, 134, 0.05)
}

.alert-gold .alert-link {
    color: rgba(253, 196, 134, 0.1)
}

.alert-pink {
    color: #fff;
    background-color: #e83e8c !important;
    border-color: #e83e8c !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-pink hr {
    border-top-color: rgba(232, 62, 140, 0.05)
}

.alert-pink .alert-link {
    color: rgba(232, 62, 140, 0.1)
}

.alert-dark {
    color: #aaa;
    background-color: #111 !important;
    border-color: #111 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-dark hr {
    border-top-color: rgba(17, 17, 17, 0.05)
}

.alert-dark .alert-link {
    color: rgba(17, 17, 17, 0.1)
}

.alert-gray {
    color: #757575;
    background-color: rgba(102, 102, 102, 0.1) !important;
    border-color: rgba(102, 102, 102, 0.6) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-gray hr {
    border-top-color: rgba(102, 102, 102, 0.05)
}

.alert-gray .alert-link {
    color: rgba(102, 102, 102, 0.1)
}

.alert-secondary {
    color: #fff;
    background-color: #ddd !important;
    border-color: #ddd !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-secondary hr {
    border-top-color: rgba(221, 221, 221, 0.05)
}

.alert-secondary .alert-link {
    color: rgba(221, 221, 221, 0.1)
}

.alert-light {
    color: #fff;
    background-color: #f5f5f5 !important;
    border-color: #f5f5f5 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-light hr {
    border-top-color: rgba(245, 245, 245, 0.05)
}

.alert-light .alert-link {
    color: rgba(245, 245, 245, 0.1)
}

.text-primary-9 {
    color: rgba(0, 164, 255, 0.9) !important
}

.text-success-9 {
    color: rgba(9, 206, 44, 0.9) !important
}

.text-info-9 {
    color: rgba(67, 183, 253, 0.9) !important
}

.text-warning-9 {
    color: rgba(253, 132, 32, 0.9) !important
}

.text-purple-9 {
    color: rgba(111, 66, 193, 0.1) !important
}

.text-gold-9 {
    color: rgba(253, 196, 134, 0.1) !important
}

.text-pink-9 {
    color: rgba(232, 62, 140, 0.1) !important
}

.text-danger-9 {
    color: rgba(249, 50, 50, 0.9) !important
}

.text-secondary-9 {
    color: rgba(221, 221, 221, 0.9) !important
}

.text-dark-9 {
    color: rgba(17, 17, 17, 0.9) !important
}

.text-gray-9 {
    color: rgba(17, 17, 17, 0.9) !important
}

.text-white-9 {
    color: rgba(255, 255, 255, 0.9) !important
}

.text-black-9 {
    color: rgba(0, 0, 0, 0.9) !important
}

.bg-primary-9 {
    background-color: rgba(0, 164, 255, 0.9) !important
}

.bg-success-9 {
    background-color: rgba(9, 206, 44, 0.9) !important
}

.bg-info-9 {
    background-color: rgba(67, 183, 253, 0.9) !important
}

.bg-warning-9 {
    background-color: rgba(253, 132, 32, 0.9) !important
}

.bg-danger-9 {
    background-color: rgba(249, 50, 50, 0.9) !important
}

.bg-gold-9 {
    background-color: rgba(253, 196, 134, 0.9) !important
}

.bg-purple-9 {
    background-color: rgba(111, 66, 193, 0.9) !important
}

.bg-cyan-9 {
    background-color: rgba(67, 183, 253, 0.9) !important
}

.bg-pink-9 {
    background-color: rgba(232, 62, 140, 0.9) !important
}

.bg-dark-9 {
    background-color: rgba(17, 17, 17, 0.9) !important
}

.bg-black-9 {
    background-color: rgba(0, 0, 0, 0.9) !important
}

.bg-secondary-9 {
    background-color: rgba(221, 221, 221, 0.9) !important
}

.bg-gray-9 {
    background-color: rgba(102, 102, 102, 0.9) !important
}

.bg-light-9 {
    background-color: rgba(245, 245, 245, 0.9) !important
}

.bg-white-9 {
    background-color: rgba(255, 255, 255, 0.9) !important
}

.badge-primary-9 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(0, 164, 255, 0.9);
    border-color: #00a4ff
}

.badge-success-9 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #ecfeef;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(9, 206, 44, 0.9);
    border-color: #09ce2c
}

.badge-info-9 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(143, 212, 254, 0.9);
    border-color: #8fd4fe
}

.badge-warning-9 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fffffe;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(232, 106, 2, 0.9);
    border-color: #e86a02
}

.badge-danger-9 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(249, 50, 50, 0.9);
    border-color: #f93232
}

.badge-purple-9 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(111, 66, 193, 0.9);
    border-color: #6f42c1
}

.badge-pink-9 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(232, 62, 140, 0.9);
    border-color: #e83e8c
}

.badge-gold-9 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(253, 196, 134, 0.9);
    border-color: #fdc486
}

.badge-dark-9 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #9b9b9b;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(17, 17, 17, 0.9);
    border-color: #111
}

.badge-gray-9 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(119, 119, 119, 0.9);
    border-color: #777
}

.badge-secondary-9 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(221, 221, 221, 0.9);
    border-color: #ddd
}

.badge-light-9 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(245, 245, 245, 0.9);
    border-color: #f5f5f5
}

.badge-white-9 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-color: #fff
}

.alert-primary-9 {
    color: #fff;
    background-color: rgba(0, 164, 255, 0.9) !important;
    border-color: #00a4ff !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-primary-9 hr {
    border-top-color: rgba(0, 164, 255, 0.05)
}

.alert-primary-9 .alert-link {
    color: rgba(0, 164, 255, 0.1)
}

.alert-success-9 {
    color: #ecfeef;
    background-color: rgba(9, 206, 44, 0.9) !important;
    border-color: #09ce2c !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-success-9 hr {
    border-top-color: rgba(9, 206, 44, 0.05)
}

.alert-success-9 .alert-link {
    color: rgba(9, 206, 44, 0.1)
}

.alert-info-9 {
    color: #fff;
    background-color: rgba(67, 183, 253, 0.9) !important;
    border-color: #43b7fd !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-info-9 hr {
    border-top-color: rgba(67, 183, 253, 0.05)
}

.alert-info-9 .alert-link {
    color: rgba(67, 183, 253, 0.1)
}

.alert-warning-9 {
    color: #fff;
    background-color: rgba(253, 132, 32, 0.9) !important;
    border-color: #fd8420 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-warning-9 hr {
    border-top-color: rgba(253, 132, 32, 0.05)
}

.alert-warning-9 .alert-link {
    color: rgba(253, 132, 32, 0.1)
}

.alert-purple-9 {
    color: #fff;
    background-color: rgba(111, 66, 193, 0.9) !important;
    border-color: #6f42c1 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-purple-9 hr {
    border-top-color: rgba(111, 66, 193, 0.05)
}

.alert-purple-9 .alert-link {
    color: rgba(111, 66, 193, 0.1)
}

.alert-gold-9 {
    color: #fff;
    background-color: rgba(253, 196, 134, 0.9) !important;
    border-color: #fdc486 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-gold-9 hr {
    border-top-color: rgba(253, 196, 134, 0.05)
}

.alert-gold-9 .alert-link {
    color: rgba(253, 196, 134, 0.1)
}

.alert-pink-9 {
    color: #fff;
    background-color: rgba(232, 62, 140, 0.9) !important;
    border-color: #e83e8c !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-pink-9 hr {
    border-top-color: rgba(232, 62, 140, 0.05)
}

.alert-pink-9 .alert-link {
    color: rgba(232, 62, 140, 0.1)
}

.alert-danger-9 {
    color: #fff;
    background-color: rgba(249, 50, 50, 0.9) !important;
    border-color: #f93232 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-danger-9 hr {
    border-top-color: rgba(249, 50, 50, 0.05)
}

.alert-danger-9 .alert-link {
    color: rgba(249, 50, 50, 0.1)
}

.alert-dark-9 {
    color: #9b9b9b;
    background-color: rgba(17, 17, 17, 0.9) !important;
    border-color: #111 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-dark-9 hr {
    border-top-color: rgba(17, 17, 17, 0.05)
}

.alert-dark-9 .alert-link {
    color: rgba(17, 17, 17, 0.1)
}

.alert-secondary-9 {
    color: #fff;
    background-color: rgba(221, 221, 221, 0.9) !important;
    border-color: #ddd !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-secondary-9 hr {
    border-top-color: rgba(221, 221, 221, 0.05)
}

.alert-secondary-9 .alert-link {
    color: rgba(221, 221, 221, 0.1)
}

.alert-light-9 {
    color: #fff;
    background-color: rgba(245, 245, 245, 0.9) !important;
    border-color: #f5f5f5 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-light-9 hr {
    border-top-color: rgba(245, 245, 245, 0.05)
}

.alert-light-9 .alert-link {
    color: rgba(245, 245, 245, 0.1)
}

.text-primary-8 {
    color: rgba(0, 164, 255, 0.8) !important
}

.text-success-8 {
    color: rgba(9, 206, 44, 0.8) !important
}

.text-info-8 {
    color: rgba(67, 183, 253, 0.8) !important
}

.text-warning-8 {
    color: rgba(253, 132, 32, 0.8) !important
}

.text-purple-8 {
    color: rgba(111, 66, 193, 0.1) !important
}

.text-gold-8 {
    color: rgba(253, 196, 134, 0.1) !important
}

.text-pink-8 {
    color: rgba(232, 62, 140, 0.1) !important
}

.text-danger-8 {
    color: rgba(249, 50, 50, 0.8) !important
}

.text-secondary-8 {
    color: rgba(221, 221, 221, 0.8) !important
}

.text-dark-8 {
    color: rgba(17, 17, 17, 0.8) !important
}

.text-gray-8 {
    color: rgba(17, 17, 17, 0.8) !important
}

.text-white-8 {
    color: rgba(255, 255, 255, 0.8) !important
}

.text-black-8 {
    color: rgba(0, 0, 0, 0.8) !important
}

.bg-primary-8 {
    background-color: rgba(0, 164, 255, 0.8) !important
}

.bg-success-8 {
    background-color: rgba(9, 206, 44, 0.8) !important
}

.bg-info-8 {
    background-color: rgba(67, 183, 253, 0.8) !important
}

.bg-warning-8 {
    background-color: rgba(253, 132, 32, 0.8) !important
}

.bg-danger-8 {
    background-color: rgba(249, 50, 50, 0.8) !important
}

.bg-gold-8 {
    background-color: rgba(253, 196, 134, 0.8) !important
}

.bg-purple-8 {
    background-color: rgba(111, 66, 193, 0.8) !important
}

.bg-cyan-8 {
    background-color: rgba(67, 183, 253, 0.8) !important
}

.bg-pink-8 {
    background-color: rgba(232, 62, 140, 0.8) !important
}

.bg-dark-8 {
    background-color: rgba(17, 17, 17, 0.8) !important
}

.bg-black-8 {
    background-color: rgba(0, 0, 0, 0.8) !important
}

.bg-secondary-8 {
    background-color: rgba(221, 221, 221, 0.8) !important
}

.bg-gray-8 {
    background-color: rgba(102, 102, 102, 0.8) !important
}

.bg-light-8 {
    background-color: rgba(245, 245, 245, 0.8) !important
}

.bg-white-8 {
    background-color: rgba(255, 255, 255, 0.8) !important
}

.badge-primary-8 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #f5fbff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(0, 164, 255, 0.8);
    border-color: #00a4ff
}

.badge-success-8 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #cffdd7;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(9, 206, 44, 0.8);
    border-color: #09ce2c
}

.badge-info-8 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(143, 212, 254, 0.8);
    border-color: #8fd4fe
}

.badge-warning-8 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #ffeee0;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(232, 106, 2, 0.8);
    border-color: #e86a02
}

.badge-danger-8 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(249, 50, 50, 0.8);
    border-color: #f93232
}

.badge-purple-8 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fbfafd;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(111, 66, 193, 0.8);
    border-color: #6f42c1
}

.badge-pink-8 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(232, 62, 140, 0.8);
    border-color: #e83e8c
}

.badge-gold-8 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(253, 196, 134, 0.8);
    border-color: #fdc486
}

.badge-dark-8 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #8b8b8b;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(17, 17, 17, 0.8);
    border-color: #111
}

.badge-gray-8 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #f1f1f1;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(119, 119, 119, 0.8);
    border-color: #777
}

.badge-secondary-8 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(221, 221, 221, 0.8);
    border-color: #ddd
}

.badge-light-8 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(245, 245, 245, 0.8);
    border-color: #f5f5f5
}

.badge-white-8 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(255, 255, 255, 0.8);
    border-color: #fff
}

.alert-primary-8 {
    color: #f5fbff;
    background-color: rgba(0, 164, 255, 0.8) !important;
    border-color: #00a4ff !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-primary-8 hr {
    border-top-color: rgba(0, 164, 255, 0.05)
}

.alert-primary-8 .alert-link {
    color: rgba(0, 164, 255, 0.1)
}

.alert-success-8 {
    color: #cffdd7;
    background-color: rgba(9, 206, 44, 0.8) !important;
    border-color: #09ce2c !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-success-8 hr {
    border-top-color: rgba(9, 206, 44, 0.05)
}

.alert-success-8 .alert-link {
    color: rgba(9, 206, 44, 0.1)
}

.alert-info-8 {
    color: #fff;
    background-color: rgba(67, 183, 253, 0.8) !important;
    border-color: #43b7fd !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-info-8 hr {
    border-top-color: rgba(67, 183, 253, 0.05)
}

.alert-info-8 .alert-link {
    color: rgba(67, 183, 253, 0.1)
}

.alert-warning-8 {
    color: #fff;
    background-color: rgba(253, 132, 32, 0.8) !important;
    border-color: #fd8420 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-warning-8 hr {
    border-top-color: rgba(253, 132, 32, 0.05)
}

.alert-warning-8 .alert-link {
    color: rgba(253, 132, 32, 0.1)
}

.alert-purple-8 {
    color: #fbfafd;
    background-color: rgba(111, 66, 193, 0.8) !important;
    border-color: #6f42c1 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-purple-8 hr {
    border-top-color: rgba(111, 66, 193, 0.05)
}

.alert-purple-8 .alert-link {
    color: rgba(111, 66, 193, 0.1)
}

.alert-gold-8 {
    color: #fff;
    background-color: rgba(253, 196, 134, 0.8) !important;
    border-color: #fdc486 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-gold-8 hr {
    border-top-color: rgba(253, 196, 134, 0.05)
}

.alert-gold-8 .alert-link {
    color: rgba(253, 196, 134, 0.1)
}

.alert-pink-8 {
    color: #fff;
    background-color: rgba(232, 62, 140, 0.8) !important;
    border-color: #e83e8c !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-pink-8 hr {
    border-top-color: rgba(232, 62, 140, 0.05)
}

.alert-pink-8 .alert-link {
    color: rgba(232, 62, 140, 0.1)
}

.alert-danger-8 {
    color: #fff;
    background-color: rgba(249, 50, 50, 0.8) !important;
    border-color: #f93232 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-danger-8 hr {
    border-top-color: rgba(249, 50, 50, 0.05)
}

.alert-danger-8 .alert-link {
    color: rgba(249, 50, 50, 0.1)
}

.alert-dark-8 {
    color: #8b8b8b;
    background-color: rgba(17, 17, 17, 0.8) !important;
    border-color: #111 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-dark-8 hr {
    border-top-color: rgba(17, 17, 17, 0.05)
}

.alert-dark-8 .alert-link {
    color: rgba(17, 17, 17, 0.1)
}

.alert-secondary-8 {
    color: #fff;
    background-color: rgba(221, 221, 221, 0.8) !important;
    border-color: #ddd !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-secondary-8 hr {
    border-top-color: rgba(221, 221, 221, 0.05)
}

.alert-secondary-8 .alert-link {
    color: rgba(221, 221, 221, 0.1)
}

.alert-light-8 {
    color: #fff;
    background-color: rgba(245, 245, 245, 0.8) !important;
    border-color: #f5f5f5 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-light-8 hr {
    border-top-color: rgba(245, 245, 245, 0.05)
}

.alert-light-8 .alert-link {
    color: rgba(245, 245, 245, 0.1)
}

.text-primary-7 {
    color: rgba(0, 164, 255, 0.7) !important
}

.text-success-7 {
    color: rgba(9, 206, 44, 0.7) !important
}

.text-info-7 {
    color: rgba(67, 183, 253, 0.7) !important
}

.text-warning-7 {
    color: rgba(253, 132, 32, 0.7) !important
}

.text-purple-7 {
    color: rgba(111, 66, 193, 0.1) !important
}

.text-gold-7 {
    color: rgba(253, 196, 134, 0.1) !important
}

.text-pink-7 {
    color: rgba(232, 62, 140, 0.1) !important
}

.text-danger-7 {
    color: rgba(249, 50, 50, 0.7) !important
}

.text-secondary-7 {
    color: rgba(221, 221, 221, 0.7) !important
}

.text-dark-7 {
    color: rgba(17, 17, 17, 0.7) !important
}

.text-gray-7 {
    color: rgba(17, 17, 17, 0.7) !important
}

.text-white-7 {
    color: rgba(255, 255, 255, 0.7) !important
}

.text-black-7 {
    color: rgba(0, 0, 0, 0.7) !important
}

.bg-primary-7 {
    background-color: rgba(0, 164, 255, 0.7) !important
}

.bg-success-7 {
    background-color: rgba(9, 206, 44, 0.7) !important
}

.bg-info-7 {
    background-color: rgba(67, 183, 253, 0.7) !important
}

.bg-warning-7 {
    background-color: rgba(253, 132, 32, 0.7) !important
}

.bg-danger-7 {
    background-color: rgba(249, 50, 50, 0.7) !important
}

.bg-gold-7 {
    background-color: rgba(253, 196, 134, 0.7) !important
}

.bg-purple-7 {
    background-color: rgba(111, 66, 193, 0.7) !important
}

.bg-cyan-7 {
    background-color: rgba(67, 183, 253, 0.7) !important
}

.bg-pink-7 {
    background-color: rgba(232, 62, 140, 0.7) !important
}

.bg-dark-7 {
    background-color: rgba(17, 17, 17, 0.7) !important
}

.bg-black-7 {
    background-color: rgba(0, 0, 0, 0.7) !important
}

.bg-secondary-7 {
    background-color: rgba(221, 221, 221, 0.7) !important
}

.bg-gray-7 {
    background-color: rgba(102, 102, 102, 0.7) !important
}

.bg-light-7 {
    background-color: rgba(245, 245, 245, 0.7) !important
}

.bg-white-7 {
    background-color: rgba(255, 255, 255, 0.7) !important
}

.badge-primary-7 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #d6f0ff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(0, 164, 255, 0.7);
    border-color: #00a4ff
}

.badge-success-7 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #b2fcbf;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(9, 206, 44, 0.7);
    border-color: #09ce2c
}

.badge-info-7 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(143, 212, 254, 0.7);
    border-color: #8fd4fe
}

.badge-warning-7 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #feddc2;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(232, 106, 2, 0.7);
    border-color: #e86a02
}

.badge-danger-7 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(249, 50, 50, 0.7);
    border-color: #f93232
}

.badge-purple-7 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #eae3f6;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(111, 66, 193, 0.7);
    border-color: #6f42c1
}

.badge-pink-7 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fffdfe;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(232, 62, 140, 0.7);
    border-color: #e83e8c
}

.badge-gold-7 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(253, 196, 134, 0.7);
    border-color: #fdc486
}

.badge-dark-7 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #7c7c7c;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(17, 17, 17, 0.7);
    border-color: #111
}

.badge-gray-7 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #e2e2e2;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(119, 119, 119, 0.7);
    border-color: #777
}

.badge-secondary-7 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(221, 221, 221, 0.7);
    border-color: #ddd
}

.badge-light-7 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(245, 245, 245, 0.7);
    border-color: #f5f5f5
}

.badge-white-7 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(255, 255, 255, 0.7);
    border-color: #fff
}

.alert-primary-7 {
    color: #d6f0ff;
    background-color: rgba(0, 164, 255, 0.7) !important;
    border-color: #00a4ff !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-primary-7 hr {
    border-top-color: rgba(0, 164, 255, 0.05)
}

.alert-primary-7 .alert-link {
    color: rgba(0, 164, 255, 0.1)
}

.alert-success-7 {
    color: #b2fcbf;
    background-color: rgba(9, 206, 44, 0.7) !important;
    border-color: #09ce2c !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-success-7 hr {
    border-top-color: rgba(9, 206, 44, 0.05)
}

.alert-success-7 .alert-link {
    color: rgba(9, 206, 44, 0.1)
}

.alert-info-7 {
    color: #fff;
    background-color: rgba(67, 183, 253, 0.7) !important;
    border-color: #43b7fd !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-info-7 hr {
    border-top-color: rgba(67, 183, 253, 0.05)
}

.alert-info-7 .alert-link {
    color: rgba(67, 183, 253, 0.1)
}

.alert-warning-7 {
    color: #fff9f4;
    background-color: rgba(253, 132, 32, 0.7) !important;
    border-color: #fd8420 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-warning-7 hr {
    border-top-color: rgba(253, 132, 32, 0.05)
}

.alert-warning-7 .alert-link {
    color: rgba(253, 132, 32, 0.1)
}

.alert-purple-7 {
    color: #eae3f6;
    background-color: rgba(111, 66, 193, 0.7) !important;
    border-color: #6f42c1 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-purple-7 hr {
    border-top-color: rgba(111, 66, 193, 0.05)
}

.alert-purple-7 .alert-link {
    color: rgba(111, 66, 193, 0.1)
}

.alert-gold-7 {
    color: #fff;
    background-color: rgba(253, 196, 134, 0.7) !important;
    border-color: #fdc486 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-gold-7 hr {
    border-top-color: rgba(253, 196, 134, 0.05)
}

.alert-gold-7 .alert-link {
    color: rgba(253, 196, 134, 0.1)
}

.alert-pink-7 {
    color: #fffdfe;
    background-color: rgba(232, 62, 140, 0.7) !important;
    border-color: #e83e8c !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-pink-7 hr {
    border-top-color: rgba(232, 62, 140, 0.05)
}

.alert-pink-7 .alert-link {
    color: rgba(232, 62, 140, 0.1)
}

.alert-danger-7 {
    color: #fff;
    background-color: rgba(249, 50, 50, 0.7) !important;
    border-color: #f93232 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-danger-7 hr {
    border-top-color: rgba(249, 50, 50, 0.05)
}

.alert-danger-7 .alert-link {
    color: rgba(249, 50, 50, 0.1)
}

.alert-dark-7 {
    color: #7c7c7c;
    background-color: rgba(17, 17, 17, 0.7) !important;
    border-color: #111 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-dark-7 hr {
    border-top-color: rgba(17, 17, 17, 0.05)
}

.alert-dark-7 .alert-link {
    color: rgba(17, 17, 17, 0.1)
}

.alert-secondary-7 {
    color: #fff;
    background-color: rgba(221, 221, 221, 0.7) !important;
    border-color: #ddd !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-secondary-7 hr {
    border-top-color: rgba(221, 221, 221, 0.05)
}

.alert-secondary-7 .alert-link {
    color: rgba(221, 221, 221, 0.1)
}

.alert-light-7 {
    color: #fff;
    background-color: rgba(245, 245, 245, 0.7) !important;
    border-color: #f5f5f5 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-light-7 hr {
    border-top-color: rgba(245, 245, 245, 0.05)
}

.alert-light-7 .alert-link {
    color: rgba(245, 245, 245, 0.1)
}

.text-primary-6 {
    color: rgba(0, 164, 255, 0.6) !important
}

.text-success-6 {
    color: rgba(9, 206, 44, 0.6) !important
}

.text-info-6 {
    color: rgba(67, 183, 253, 0.6) !important
}

.text-warning-6 {
    color: rgba(253, 132, 32, 0.6) !important
}

.text-purple-6 {
    color: rgba(111, 66, 193, 0.1) !important
}

.text-gold-6 {
    color: rgba(253, 196, 134, 0.1) !important
}

.text-pink-6 {
    color: rgba(232, 62, 140, 0.1) !important
}

.text-danger-6 {
    color: rgba(249, 50, 50, 0.6) !important
}

.text-secondary-6 {
    color: rgba(221, 221, 221, 0.6) !important
}

.text-dark-6 {
    color: rgba(17, 17, 17, 0.6) !important
}

.text-gray-6 {
    color: rgba(17, 17, 17, 0.6) !important
}

.text-white-6 {
    color: rgba(255, 255, 255, 0.6) !important
}

.text-black-6 {
    color: rgba(0, 0, 0, 0.6) !important
}

.bg-primary-6 {
    background-color: rgba(0, 164, 255, 0.6) !important
}

.bg-success-6 {
    background-color: rgba(9, 206, 44, 0.6) !important
}

.bg-info-6 {
    background-color: rgba(67, 183, 253, 0.6) !important
}

.bg-warning-6 {
    background-color: rgba(253, 132, 32, 0.6) !important
}

.bg-danger-6 {
    background-color: rgba(249, 50, 50, 0.6) !important
}

.bg-gold-6 {
    background-color: rgba(253, 196, 134, 0.6) !important
}

.bg-purple-6 {
    background-color: rgba(111, 66, 193, 0.6) !important
}

.bg-cyan-6 {
    background-color: rgba(67, 183, 253, 0.6) !important
}

.bg-pink-6 {
    background-color: rgba(232, 62, 140, 0.6) !important
}

.bg-dark-6 {
    background-color: rgba(17, 17, 17, 0.6) !important
}

.bg-black-6 {
    background-color: rgba(0, 0, 0, 0.6) !important
}

.bg-secondary-6 {
    background-color: rgba(221, 221, 221, 0.6) !important
}

.bg-gray-6 {
    background-color: rgba(102, 102, 102, 0.6) !important
}

.bg-light-6 {
    background-color: rgba(245, 245, 245, 0.6) !important
}

.bg-white-6 {
    background-color: rgba(255, 255, 255, 0.6) !important
}

.badge-primary-6 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #b8e6ff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(0, 164, 255, 0.6);
    border-color: #00a4ff
}

.badge-success-6 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #94faa6;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(9, 206, 44, 0.6);
    border-color: #09ce2c
}

.badge-info-6 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(143, 212, 254, 0.6);
    border-color: #8fd4fe
}

.badge-warning-6 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fecca3;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(232, 106, 2, 0.6);
    border-color: #e86a02
}

.badge-danger-6 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fee4e4;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(249, 50, 50, 0.6);
    border-color: #f93232
}

.badge-purple-6 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #d8ccee;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(111, 66, 193, 0.6);
    border-color: #6f42c1
}

.badge-pink-6 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fce2ee;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(232, 62, 140, 0.6);
    border-color: #e83e8c
}

.badge-gold-6 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(253, 196, 134, 0.6);
    border-color: #fdc486
}

.badge-dark-6 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #6d6d6d;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(17, 17, 17, 0.6);
    border-color: #111
}

.badge-gray-6 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #d3d3d3;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(119, 119, 119, 0.6);
    border-color: #777
}

.badge-secondary-6 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(221, 221, 221, 0.6);
    border-color: #ddd
}

.badge-light-6 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(245, 245, 245, 0.6);
    border-color: #f5f5f5
}

.badge-white-6 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(255, 255, 255, 0.6);
    border-color: #fff
}

.alert-primary-6 {
    color: #b8e6ff;
    background-color: rgba(0, 164, 255, 0.6) !important;
    border-color: #00a4ff !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-primary-6 hr {
    border-top-color: rgba(0, 164, 255, 0.05)
}

.alert-primary-6 .alert-link {
    color: rgba(0, 164, 255, 0.1)
}

.alert-success-6 {
    color: #94faa6;
    background-color: rgba(9, 206, 44, 0.6) !important;
    border-color: #09ce2c !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-success-6 hr {
    border-top-color: rgba(9, 206, 44, 0.05)
}

.alert-success-6 .alert-link {
    color: rgba(9, 206, 44, 0.1)
}

.alert-info-6 {
    color: #f9fdff;
    background-color: rgba(67, 183, 253, 0.6) !important;
    border-color: #43b7fd !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-info-6 hr {
    border-top-color: rgba(67, 183, 253, 0.05)
}

.alert-info-6 .alert-link {
    color: rgba(67, 183, 253, 0.1)
}

.alert-warning-6 {
    color: #ffe8d6;
    background-color: rgba(253, 132, 32, 0.6) !important;
    border-color: #fd8420 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-warning-6 hr {
    border-top-color: rgba(253, 132, 32, 0.05)
}

.alert-warning-6 .alert-link {
    color: rgba(253, 132, 32, 0.1)
}

.alert-purple-6 {
    color: #d8ccee;
    background-color: rgba(111, 66, 193, 0.6) !important;
    border-color: #6f42c1 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-purple-6 hr {
    border-top-color: rgba(111, 66, 193, 0.05)
}

.alert-purple-6 .alert-link {
    color: rgba(111, 66, 193, 0.1)
}

.alert-gold-6 {
    color: #fff;
    background-color: rgba(253, 196, 134, 0.6) !important;
    border-color: #fdc486 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-gold-6 hr {
    border-top-color: rgba(253, 196, 134, 0.05)
}

.alert-gold-6 .alert-link {
    color: rgba(253, 196, 134, 0.1)
}

.alert-pink-6 {
    color: #fce2ee;
    background-color: rgba(232, 62, 140, 0.6) !important;
    border-color: #e83e8c !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-pink-6 hr {
    border-top-color: rgba(232, 62, 140, 0.05)
}

.alert-pink-6 .alert-link {
    color: rgba(232, 62, 140, 0.1)
}

.alert-danger-6 {
    color: #fee4e4;
    background-color: rgba(249, 50, 50, 0.6) !important;
    border-color: #f93232 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-danger-6 hr {
    border-top-color: rgba(249, 50, 50, 0.05)
}

.alert-danger-6 .alert-link {
    color: rgba(249, 50, 50, 0.1)
}

.alert-dark-6 {
    color: #6d6d6d;
    background-color: rgba(17, 17, 17, 0.6) !important;
    border-color: #111 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-dark-6 hr {
    border-top-color: rgba(17, 17, 17, 0.05)
}

.alert-dark-6 .alert-link {
    color: rgba(17, 17, 17, 0.1)
}

.alert-secondary-6 {
    color: #fff;
    background-color: rgba(221, 221, 221, 0.6) !important;
    border-color: #ddd !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-secondary-6 hr {
    border-top-color: rgba(221, 221, 221, 0.05)
}

.alert-secondary-6 .alert-link {
    color: rgba(221, 221, 221, 0.1)
}

.alert-light-6 {
    color: #fff;
    background-color: rgba(245, 245, 245, 0.6) !important;
    border-color: #f5f5f5 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-light-6 hr {
    border-top-color: rgba(245, 245, 245, 0.05)
}

.alert-light-6 .alert-link {
    color: rgba(245, 245, 245, 0.1)
}

.text-primary-5 {
    color: rgba(0, 164, 255, 0.5) !important
}

.text-success-5 {
    color: rgba(9, 206, 44, 0.5) !important
}

.text-info-5 {
    color: rgba(67, 183, 253, 0.5) !important
}

.text-warning-5 {
    color: rgba(253, 132, 32, 0.5) !important
}

.text-purple-5 {
    color: rgba(111, 66, 193, 0.1) !important
}

.text-gold-5 {
    color: rgba(253, 196, 134, 0.1) !important
}

.text-pink-5 {
    color: rgba(232, 62, 140, 0.1) !important
}

.text-danger-5 {
    color: rgba(249, 50, 50, 0.5) !important
}

.text-secondary-5 {
    color: rgba(221, 221, 221, 0.5) !important
}

.text-dark-5 {
    color: rgba(17, 17, 17, 0.5) !important
}

.text-gray-5 {
    color: rgba(17, 17, 17, 0.5) !important
}

.text-white-5 {
    color: rgba(255, 255, 255, 0.5) !important
}

.text-black-5 {
    color: rgba(0, 0, 0, 0.5) !important
}

.bg-primary-5 {
    background-color: rgba(0, 164, 255, 0.5) !important
}

.bg-success-5 {
    background-color: rgba(9, 206, 44, 0.5) !important
}

.bg-info-5 {
    background-color: rgba(67, 183, 253, 0.5) !important
}

.bg-warning-5 {
    background-color: rgba(253, 132, 32, 0.5) !important
}

.bg-danger-5 {
    background-color: rgba(249, 50, 50, 0.5) !important
}

.bg-gold-5 {
    background-color: rgba(253, 196, 134, 0.5) !important
}

.bg-purple-5 {
    background-color: rgba(111, 66, 193, 0.5) !important
}

.bg-cyan-5 {
    background-color: rgba(67, 183, 253, 0.5) !important
}

.bg-pink-5 {
    background-color: rgba(232, 62, 140, 0.5) !important
}

.bg-dark-5 {
    background-color: rgba(17, 17, 17, 0.5) !important
}

.bg-black-5 {
    background-color: rgba(0, 0, 0, 0.5) !important
}

.bg-secondary-5 {
    background-color: rgba(221, 221, 221, 0.5) !important
}

.bg-gray-5 {
    background-color: rgba(102, 102, 102, 0.5) !important
}

.bg-light-5 {
    background-color: rgba(245, 245, 245, 0.5) !important
}

.bg-white-5 {
    background-color: rgba(255, 255, 255, 0.5) !important
}

.badge-primary-5 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #99dbff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(0, 164, 255, 0.5);
    border-color: #00a4ff
}

.badge-success-5 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #77f98e;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(9, 206, 44, 0.5);
    border-color: #09ce2c
}

.badge-info-5 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(143, 212, 254, 0.5);
    border-color: #8fd4fe
}

.badge-warning-5 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #febc85;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(232, 106, 2, 0.5);
    border-color: #e86a02
}

.badge-danger-5 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fdc7c7;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(249, 50, 50, 0.5);
    border-color: #f93232
}

.badge-purple-5 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #c7b5e7;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(111, 66, 193, 0.5);
    border-color: #6f42c1
}

.badge-pink-5 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #f8c7dd;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(232, 62, 140, 0.5);
    border-color: #e83e8c
}

.badge-gold-5 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(253, 196, 134, 0.5);
    border-color: #fdc486
}

.badge-dark-5 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #5e5e5e;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(17, 17, 17, 0.5);
    border-color: #111
}

.badge-gray-5 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #c3c3c3;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(119, 119, 119, 0.5);
    border-color: #777
}

.badge-secondary-5 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(221, 221, 221, 0.5);
    border-color: #ddd
}

.badge-light-5 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(245, 245, 245, 0.5);
    border-color: #f5f5f5
}

.badge-white-5 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(255, 255, 255, 0.5);
    border-color: #fff
}

.alert-primary-5 {
    color: #99dbff;
    background-color: rgba(0, 164, 255, 0.5) !important;
    border-color: #00a4ff !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-primary-5 hr {
    border-top-color: rgba(0, 164, 255, 0.05)
}

.alert-primary-5 .alert-link {
    color: rgba(0, 164, 255, 0.1)
}

.alert-success-5 {
    color: #77f98e;
    background-color: rgba(9, 206, 44, 0.5) !important;
    border-color: #09ce2c !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-success-5 hr {
    border-top-color: rgba(9, 206, 44, 0.05)
}

.alert-success-5 .alert-link {
    color: rgba(9, 206, 44, 0.1)
}

.alert-info-5 {
    color: #daf1ff;
    background-color: rgba(67, 183, 253, 0.5) !important;
    border-color: #43b7fd !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-info-5 hr {
    border-top-color: rgba(67, 183, 253, 0.05)
}

.alert-info-5 .alert-link {
    color: rgba(67, 183, 253, 0.1)
}

.alert-warning-5 {
    color: #fed8b8;
    background-color: rgba(253, 132, 32, 0.5) !important;
    border-color: #fd8420 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-warning-5 hr {
    border-top-color: rgba(253, 132, 32, 0.05)
}

.alert-warning-5 .alert-link {
    color: rgba(253, 132, 32, 0.1)
}

.alert-purple-5 {
    color: #c7b5e7;
    background-color: rgba(111, 66, 193, 0.5) !important;
    border-color: #6f42c1 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-purple-5 hr {
    border-top-color: rgba(111, 66, 193, 0.05)
}

.alert-purple-5 .alert-link {
    color: rgba(111, 66, 193, 0.1)
}

.alert-gold-5 {
    color: #fff;
    background-color: rgba(253, 196, 134, 0.5) !important;
    border-color: #fdc486 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-gold-5 hr {
    border-top-color: rgba(253, 196, 134, 0.05)
}

.alert-gold-5 .alert-link {
    color: rgba(253, 196, 134, 0.1)
}

.alert-pink-5 {
    color: #f8c7dd;
    background-color: rgba(232, 62, 140, 0.5) !important;
    border-color: #e83e8c !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-pink-5 hr {
    border-top-color: rgba(232, 62, 140, 0.05)
}

.alert-pink-5 .alert-link {
    color: rgba(232, 62, 140, 0.1)
}

.alert-danger-5 {
    color: #fdc7c7;
    background-color: rgba(249, 50, 50, 0.5) !important;
    border-color: #f93232 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-danger-5 hr {
    border-top-color: rgba(249, 50, 50, 0.05)
}

.alert-danger-5 .alert-link {
    color: rgba(249, 50, 50, 0.1)
}

.alert-dark-5 {
    color: #5e5e5e;
    background-color: rgba(17, 17, 17, 0.5) !important;
    border-color: #111 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-dark-5 hr {
    border-top-color: rgba(17, 17, 17, 0.05)
}

.alert-dark-5 .alert-link {
    color: rgba(17, 17, 17, 0.1)
}

.alert-secondary-5 {
    color: #fff;
    background-color: rgba(221, 221, 221, 0.5) !important;
    border-color: #ddd !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-secondary-5 hr {
    border-top-color: rgba(221, 221, 221, 0.05)
}

.alert-secondary-5 .alert-link {
    color: rgba(221, 221, 221, 0.1)
}

.alert-light-5 {
    color: #fff;
    background-color: rgba(245, 245, 245, 0.5) !important;
    border-color: #f5f5f5 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-light-5 hr {
    border-top-color: rgba(245, 245, 245, 0.05)
}

.alert-light-5 .alert-link {
    color: rgba(245, 245, 245, 0.1)
}

.text-primary-4 {
    color: rgba(0, 164, 255, 0.4) !important
}

.text-success-4 {
    color: rgba(9, 206, 44, 0.4) !important
}

.text-info-4 {
    color: rgba(67, 183, 253, 0.4) !important
}

.text-warning-4 {
    color: rgba(253, 132, 32, 0.4) !important
}

.text-purple-4 {
    color: rgba(111, 66, 193, 0.1) !important
}

.text-gold-4 {
    color: rgba(253, 196, 134, 0.1) !important
}

.text-pink-4 {
    color: rgba(232, 62, 140, 0.1) !important
}

.text-danger-4 {
    color: rgba(249, 50, 50, 0.4) !important
}

.text-secondary-4 {
    color: rgba(221, 221, 221, 0.4) !important
}

.text-dark-4 {
    color: rgba(17, 17, 17, 0.4) !important
}

.text-gray-4 {
    color: rgba(17, 17, 17, 0.4) !important
}

.text-white-4 {
    color: rgba(255, 255, 255, 0.4) !important
}

.text-black-4 {
    color: rgba(0, 0, 0, 0.4) !important
}

.bg-primary-4 {
    background-color: rgba(0, 164, 255, 0.4) !important
}

.bg-success-4 {
    background-color: rgba(9, 206, 44, 0.4) !important
}

.bg-info-4 {
    background-color: rgba(67, 183, 253, 0.4) !important
}

.bg-warning-4 {
    background-color: rgba(253, 132, 32, 0.4) !important
}

.bg-danger-4 {
    background-color: rgba(249, 50, 50, 0.4) !important
}

.bg-gold-4 {
    background-color: rgba(253, 196, 134, 0.4) !important
}

.bg-purple-4 {
    background-color: rgba(111, 66, 193, 0.4) !important
}

.bg-cyan-4 {
    background-color: rgba(67, 183, 253, 0.4) !important
}

.bg-pink-4 {
    background-color: rgba(232, 62, 140, 0.4) !important
}

.bg-dark-4 {
    background-color: rgba(17, 17, 17, 0.4) !important
}

.bg-black-4 {
    background-color: rgba(0, 0, 0, 0.4) !important
}

.bg-secondary-4 {
    background-color: rgba(221, 221, 221, 0.4) !important
}

.bg-gray-4 {
    background-color: rgba(102, 102, 102, 0.4) !important
}

.bg-light-4 {
    background-color: rgba(245, 245, 245, 0.4) !important
}

.bg-white-4 {
    background-color: rgba(255, 255, 255, 0.4) !important
}

.badge-primary-4 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #7ad0ff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(0, 164, 255, 0.4);
    border-color: rgba(0, 164, 255, 0.9)
}

.badge-success-4 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #5af876;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(9, 206, 44, 0.4);
    border-color: rgba(9, 206, 44, 0.9)
}

.badge-info-4 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(143, 212, 254, 0.4);
    border-color: rgba(143, 212, 254, 0.9)
}

.badge-warning-4 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #feab67;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(232, 106, 2, 0.4);
    border-color: rgba(232, 106, 2, 0.9)
}

.badge-danger-4 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fca9a9;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(249, 50, 50, 0.4);
    border-color: rgba(249, 50, 50, 0.9)
}

.badge-purple-4 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #b59edf;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(111, 66, 193, 0.4);
    border-color: rgba(111, 66, 193, 0.9)
}

.badge-pink-4 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #f5abcd;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(232, 62, 140, 0.4);
    border-color: rgba(232, 62, 140, 0.9)
}

.badge-gold-4 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fffffe;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(253, 196, 134, 0.4);
    border-color: rgba(253, 196, 134, 0.9)
}

.badge-dark-4 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #4e4e4e;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(17, 17, 17, 0.4);
    border-color: rgba(17, 17, 17, 0.9)
}

.badge-gray-4 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #b4b4b4;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(119, 119, 119, 0.4);
    border-color: rgba(119, 119, 119, 0.9)
}

.badge-secondary-4 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(221, 221, 221, 0.4);
    border-color: rgba(221, 221, 221, 0.9)
}

.badge-light-4 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(245, 245, 245, 0.4);
    border-color: rgba(245, 245, 245, 0.9)
}

.badge-white-4 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(255, 255, 255, 0.4);
    border-color: rgba(255, 255, 255, 0.9)
}

.alert-primary-4 {
    color: #7ad0ff;
    background-color: rgba(0, 164, 255, 0.4) !important;
    border-color: rgba(0, 164, 255, 0.9) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-primary-4 hr {
    border-top-color: rgba(0, 164, 255, 0.05)
}

.alert-primary-4 .alert-link {
    color: rgba(0, 164, 255, 0.1)
}

.alert-success-4 {
    color: #5af876;
    background-color: rgba(9, 206, 44, 0.4) !important;
    border-color: rgba(9, 206, 44, 0.9) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-success-4 hr {
    border-top-color: rgba(9, 206, 44, 0.05)
}

.alert-success-4 .alert-link {
    color: rgba(9, 206, 44, 0.1)
}

.alert-info-4 {
    color: #bce5fe;
    background-color: rgba(67, 183, 253, 0.4) !important;
    border-color: rgba(67, 183, 253, 0.9) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-info-4 hr {
    border-top-color: rgba(67, 183, 253, 0.05)
}

.alert-info-4 .alert-link {
    color: rgba(67, 183, 253, 0.1)
}

.alert-warning-4 {
    color: #fec799;
    background-color: rgba(253, 132, 32, 0.4) !important;
    border-color: rgba(253, 132, 32, 0.9) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-warning-4 hr {
    border-top-color: rgba(253, 132, 32, 0.05)
}

.alert-warning-4 .alert-link {
    color: rgba(253, 132, 32, 0.1)
}

.alert-purple-4 {
    color: #b59edf;
    background-color: rgba(111, 66, 193, 0.4) !important;
    border-color: rgba(111, 66, 193, 0.9) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-purple-4 hr {
    border-top-color: rgba(111, 66, 193, 0.05)
}

.alert-purple-4 .alert-link {
    color: rgba(111, 66, 193, 0.1)
}

.alert-gold-4 {
    color: #fffffe;
    background-color: rgba(253, 196, 134, 0.4) !important;
    border-color: rgba(253, 196, 134, 0.9) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-gold-4 hr {
    border-top-color: rgba(253, 196, 134, 0.05)
}

.alert-gold-4 .alert-link {
    color: rgba(253, 196, 134, 0.1)
}

.alert-pink-4 {
    color: #f5abcd;
    background-color: rgba(232, 62, 140, 0.4) !important;
    border-color: rgba(232, 62, 140, 0.9) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-pink-4 hr {
    border-top-color: rgba(232, 62, 140, 0.05)
}

.alert-pink-4 .alert-link {
    color: rgba(232, 62, 140, 0.1)
}

.alert-danger-4 {
    color: #fca9a9;
    background-color: rgba(249, 50, 50, 0.4) !important;
    border-color: rgba(249, 50, 50, 0.9) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-danger-4 hr {
    border-top-color: rgba(249, 50, 50, 0.05)
}

.alert-danger-4 .alert-link {
    color: rgba(249, 50, 50, 0.1)
}

.alert-dark-4 {
    color: #4e4e4e;
    background-color: rgba(17, 17, 17, 0.4) !important;
    border-color: rgba(17, 17, 17, 0.9) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-dark-4 hr {
    border-top-color: rgba(17, 17, 17, 0.05)
}

.alert-dark-4 .alert-link {
    color: rgba(17, 17, 17, 0.1)
}

.alert-secondary-4 {
    color: #fff;
    background-color: rgba(221, 221, 221, 0.4) !important;
    border-color: rgba(221, 221, 221, 0.9) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-secondary-4 hr {
    border-top-color: rgba(221, 221, 221, 0.05)
}

.alert-secondary-4 .alert-link {
    color: rgba(221, 221, 221, 0.1)
}

.alert-light-4 {
    color: #fff;
    background-color: rgba(245, 245, 245, 0.4) !important;
    border-color: rgba(245, 245, 245, 0.9) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-light-4 hr {
    border-top-color: rgba(245, 245, 245, 0.05)
}

.alert-light-4 .alert-link {
    color: rgba(245, 245, 245, 0.1)
}

.text-primary-3 {
    color: rgba(0, 164, 255, 0.3) !important
}

.text-success-3 {
    color: rgba(9, 206, 44, 0.3) !important
}

.text-info-3 {
    color: rgba(67, 183, 253, 0.3) !important
}

.text-warning-3 {
    color: rgba(253, 132, 32, 0.3) !important
}

.text-purple-3 {
    color: rgba(111, 66, 193, 0.1) !important
}

.text-gold-3 {
    color: rgba(253, 196, 134, 0.1) !important
}

.text-pink-3 {
    color: rgba(232, 62, 140, 0.1) !important
}

.text-danger-3 {
    color: rgba(249, 50, 50, 0.3) !important
}

.text-secondary-3 {
    color: rgba(221, 221, 221, 0.3) !important
}

.text-dark-3 {
    color: rgba(17, 17, 17, 0.3) !important
}

.text-gray-3 {
    color: rgba(17, 17, 17, 0.3) !important
}

.text-white-3 {
    color: rgba(255, 255, 255, 0.3) !important
}

.text-black-3 {
    color: rgba(0, 0, 0, 0.3) !important
}

.bg-primary-3 {
    background-color: rgba(0, 164, 255, 0.3) !important
}

.bg-success-3 {
    background-color: rgba(9, 206, 44, 0.3) !important
}

.bg-info-3 {
    background-color: rgba(67, 183, 253, 0.3) !important
}

.bg-warning-3 {
    background-color: rgba(253, 132, 32, 0.3) !important
}

.bg-danger-3 {
    background-color: rgba(249, 50, 50, 0.3) !important
}

.bg-gold-3 {
    background-color: rgba(253, 196, 134, 0.3) !important
}

.bg-purple-3 {
    background-color: rgba(111, 66, 193, 0.3) !important
}

.bg-cyan-3 {
    background-color: rgba(67, 183, 253, 0.3) !important
}

.bg-pink-3 {
    background-color: rgba(232, 62, 140, 0.3) !important
}

.bg-dark-3 {
    background-color: rgba(17, 17, 17, 0.3) !important
}

.bg-black-3 {
    background-color: rgba(0, 0, 0, 0.3) !important
}

.bg-secondary-3 {
    background-color: rgba(221, 221, 221, 0.3) !important
}

.bg-gray-3 {
    background-color: rgba(102, 102, 102, 0.3) !important
}

.bg-light-3 {
    background-color: rgba(245, 245, 245, 0.3) !important
}

.bg-white-3 {
    background-color: rgba(255, 255, 255, 0.3) !important
}

.badge-primary-3 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #5cc5ff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(0, 164, 255, 0.3);
    border-color: rgba(0, 164, 255, 0.8)
}

.badge-success-3 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #3cf65d;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(9, 206, 44, 0.3);
    border-color: rgba(9, 206, 44, 0.8)
}

.badge-info-3 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #eaf7ff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(143, 212, 254, 0.3);
    border-color: rgba(143, 212, 254, 0.8)
}

.badge-warning-3 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fd9a48;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(232, 106, 2, 0.3);
    border-color: rgba(232, 106, 2, 0.8)
}

.badge-danger-3 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fc8b8b;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(249, 50, 50, 0.3);
    border-color: rgba(249, 50, 50, 0.8)
}

.badge-purple-3 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #a487d8;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(111, 66, 193, 0.3);
    border-color: rgba(111, 66, 193, 0.8)
}

.badge-pink-3 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #f290bd;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(232, 62, 140, 0.3);
    border-color: rgba(232, 62, 140, 0.8)
}

.badge-gold-3 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fef0e0;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(253, 196, 134, 0.3);
    border-color: rgba(253, 196, 134, 0.8)
}

.badge-dark-3 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #3f3f3f;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(17, 17, 17, 0.3);
    border-color: rgba(17, 17, 17, 0.8)
}

.badge-gray-3 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #a5a5a5;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(119, 119, 119, 0.3);
    border-color: rgba(119, 119, 119, 0.8)
}

.badge-secondary-3 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(221, 221, 221, 0.3);
    border-color: rgba(221, 221, 221, 0.8)
}

.badge-light-3 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(245, 245, 245, 0.3);
    border-color: rgba(245, 245, 245, 0.8)
}

.badge-white-3 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.8)
}

.alert-primary-3 {
    color: #5cc5ff;
    background-color: rgba(0, 164, 255, 0.3) !important;
    border-color: rgba(0, 164, 255, 0.8) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-primary-3 hr {
    border-top-color: rgba(0, 164, 255, 0.05)
}

.alert-primary-3 .alert-link {
    color: rgba(0, 164, 255, 0.1)
}

.alert-success-3 {
    color: #3cf65d;
    background-color: rgba(9, 206, 44, 0.3) !important;
    border-color: rgba(9, 206, 44, 0.8) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-success-3 hr {
    border-top-color: rgba(9, 206, 44, 0.05)
}

.alert-success-3 .alert-link {
    color: rgba(9, 206, 44, 0.1)
}

.alert-info-3 {
    color: #9edafe;
    background-color: rgba(67, 183, 253, 0.3) !important;
    border-color: rgba(67, 183, 253, 0.8) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-info-3 hr {
    border-top-color: rgba(67, 183, 253, 0.05)
}

.alert-info-3 .alert-link {
    color: rgba(67, 183, 253, 0.1)
}

.alert-warning-3 {
    color: #feb67b;
    background-color: rgba(253, 132, 32, 0.3) !important;
    border-color: rgba(253, 132, 32, 0.8) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-warning-3 hr {
    border-top-color: rgba(253, 132, 32, 0.05)
}

.alert-warning-3 .alert-link {
    color: rgba(253, 132, 32, 0.1)
}

.alert-purple-3 {
    color: #a487d8;
    background-color: rgba(111, 66, 193, 0.3) !important;
    border-color: rgba(111, 66, 193, 0.8) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-purple-3 hr {
    border-top-color: rgba(111, 66, 193, 0.05)
}

.alert-purple-3 .alert-link {
    color: rgba(111, 66, 193, 0.1)
}

.alert-gold-3 {
    color: #fef0e0;
    background-color: rgba(253, 196, 134, 0.3) !important;
    border-color: rgba(253, 196, 134, 0.8) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-gold-3 hr {
    border-top-color: rgba(253, 196, 134, 0.05)
}

.alert-gold-3 .alert-link {
    color: rgba(253, 196, 134, 0.1)
}

.alert-pink-3 {
    color: #f290bd;
    background-color: rgba(232, 62, 140, 0.3) !important;
    border-color: rgba(232, 62, 140, 0.8) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-pink-3 hr {
    border-top-color: rgba(232, 62, 140, 0.05)
}

.alert-pink-3 .alert-link {
    color: rgba(232, 62, 140, 0.1)
}

.alert-danger-3 {
    color: #fc8b8b;
    background-color: rgba(249, 50, 50, 0.3) !important;
    border-color: rgba(249, 50, 50, 0.8) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-danger-3 hr {
    border-top-color: rgba(249, 50, 50, 0.05)
}

.alert-danger-3 .alert-link {
    color: rgba(249, 50, 50, 0.1)
}

.alert-dark-3 {
    color: #3f3f3f;
    background-color: rgba(17, 17, 17, 0.3) !important;
    border-color: rgba(17, 17, 17, 0.8) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-dark-3 hr {
    border-top-color: rgba(17, 17, 17, 0.05)
}

.alert-dark-3 .alert-link {
    color: rgba(17, 17, 17, 0.1)
}

.alert-secondary-3 {
    color: #fff;
    background-color: rgba(221, 221, 221, 0.3) !important;
    border-color: rgba(221, 221, 221, 0.8) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-secondary-3 hr {
    border-top-color: rgba(221, 221, 221, 0.05)
}

.alert-secondary-3 .alert-link {
    color: rgba(221, 221, 221, 0.1)
}

.alert-light-3 {
    color: #fff;
    background-color: rgba(245, 245, 245, 0.3) !important;
    border-color: rgba(245, 245, 245, 0.8) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-light-3 hr {
    border-top-color: rgba(245, 245, 245, 0.05)
}

.alert-light-3 .alert-link {
    color: rgba(245, 245, 245, 0.1)
}

.text-primary-2 {
    color: rgba(0, 164, 255, 0.2) !important
}

.text-success-2 {
    color: rgba(9, 206, 44, 0.2) !important
}

.text-info-2 {
    color: rgba(67, 183, 253, 0.2) !important
}

.text-warning-2 {
    color: rgba(253, 132, 32, 0.2) !important
}

.text-purple-2 {
    color: rgba(111, 66, 193, 0.1) !important
}

.text-gold-2 {
    color: rgba(253, 196, 134, 0.1) !important
}

.text-pink-2 {
    color: rgba(232, 62, 140, 0.1) !important
}

.text-danger-2 {
    color: rgba(249, 50, 50, 0.2) !important
}

.text-secondary-2 {
    color: rgba(221, 221, 221, 0.2) !important
}

.text-dark-2 {
    color: rgba(17, 17, 17, 0.2) !important
}

.text-gray-2 {
    color: rgba(17, 17, 17, 0.2) !important
}

.text-white-2 {
    color: rgba(255, 255, 255, 0.2) !important
}

.text-black-2 {
    color: rgba(0, 0, 0, 0.2) !important
}

.bg-primary-2 {
    background-color: rgba(0, 164, 255, 0.2) !important
}

.bg-success-2 {
    background-color: rgba(9, 206, 44, 0.2) !important
}

.bg-info-2 {
    background-color: rgba(67, 183, 253, 0.2) !important
}

.bg-warning-2 {
    background-color: rgba(253, 132, 32, 0.2) !important
}

.bg-danger-2 {
    background-color: rgba(249, 50, 50, 0.2) !important
}

.bg-gold-2 {
    background-color: rgba(253, 196, 134, 0.2) !important
}

.bg-purple-2 {
    background-color: rgba(111, 66, 193, 0.2) !important
}

.bg-cyan-2 {
    background-color: rgba(67, 183, 253, 0.2) !important
}

.bg-pink-2 {
    background-color: rgba(232, 62, 140, 0.2) !important
}

.bg-dark-2 {
    background-color: rgba(17, 17, 17, 0.2) !important
}

.bg-black-2 {
    background-color: rgba(0, 0, 0, 0.2) !important
}

.bg-secondary-2 {
    background-color: rgba(221, 221, 221, 0.2) !important
}

.bg-gray-2 {
    background-color: rgba(102, 102, 102, 0.2) !important
}

.bg-light-2 {
    background-color: rgba(245, 245, 245, 0.2) !important
}

.bg-white-2 {
    background-color: rgba(255, 255, 255, 0.2) !important
}

.badge-primary-2 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #3dbaff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(0, 164, 255, 0.2);
    border-color: rgba(0, 164, 255, 0.7)
}

.badge-success-2 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #1ff545;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(9, 206, 44, 0.2);
    border-color: rgba(9, 206, 44, 0.7)
}

.badge-info-2 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #cbebfe;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(143, 212, 254, 0.2);
    border-color: rgba(143, 212, 254, 0.7)
}

.badge-warning-2 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fd8a2a;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(232, 106, 2, 0.2);
    border-color: rgba(232, 106, 2, 0.7)
}

.badge-danger-2 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fb6d6d;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(249, 50, 50, 0.2);
    border-color: rgba(249, 50, 50, 0.7)
}

.badge-purple-2 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #9270d0;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(111, 66, 193, 0.2);
    border-color: rgba(111, 66, 193, 0.7)
}

.badge-pink-2 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #ef75ad;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(232, 62, 140, 0.2);
    border-color: rgba(232, 62, 140, 0.7)
}

.badge-gold-2 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fee1c2;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(253, 196, 134, 0.2);
    border-color: rgba(253, 196, 134, 0.7)
}

.badge-dark-2 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #303030;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(17, 17, 17, 0.2);
    border-color: rgba(17, 17, 17, 0.7)
}

.badge-gray-2 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #969696;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(119, 119, 119, 0.2);
    border-color: rgba(119, 119, 119, 0.7)
}

.badge-secondary-2 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fcfcfc;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(221, 221, 221, 0.2);
    border-color: rgba(221, 221, 221, 0.7)
}

.badge-light-2 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(245, 245, 245, 0.2);
    border-color: rgba(245, 245, 245, 0.7)
}

.badge-white-2 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.7)
}

.alert-primary-2 {
    color: #3dbaff;
    background-color: rgba(0, 164, 255, 0.2) !important;
    border-color: rgba(0, 164, 255, 0.7) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-primary-2 hr {
    border-top-color: rgba(0, 164, 255, 0.05)
}

.alert-primary-2 .alert-link {
    color: rgba(0, 164, 255, 0.1)
}

.alert-success-2 {
    color: #1ff545;
    background-color: rgba(9, 206, 44, 0.2) !important;
    border-color: rgba(9, 206, 44, 0.7) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-success-2 hr {
    border-top-color: rgba(9, 206, 44, 0.05)
}

.alert-success-2 .alert-link {
    color: rgba(9, 206, 44, 0.1)
}

.alert-info-2 {
    color: #80cefe;
    background-color: rgba(67, 183, 253, 0.2) !important;
    border-color: rgba(67, 183, 253, 0.7) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-info-2 hr {
    border-top-color: rgba(67, 183, 253, 0.05)
}

.alert-info-2 .alert-link {
    color: rgba(67, 183, 253, 0.1)
}

.alert-warning-2 {
    color: #fea55d;
    background-color: rgba(253, 132, 32, 0.2) !important;
    border-color: rgba(253, 132, 32, 0.7) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-warning-2 hr {
    border-top-color: rgba(253, 132, 32, 0.05)
}

.alert-warning-2 .alert-link {
    color: rgba(253, 132, 32, 0.1)
}

.alert-purple-2 {
    color: #9270d0;
    background-color: rgba(111, 66, 193, 0.2) !important;
    border-color: rgba(111, 66, 193, 0.7) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-purple-2 hr {
    border-top-color: rgba(111, 66, 193, 0.05)
}

.alert-purple-2 .alert-link {
    color: rgba(111, 66, 193, 0.1)
}

.alert-gold-2 {
    color: #fee1c2;
    background-color: rgba(253, 196, 134, 0.2) !important;
    border-color: rgba(253, 196, 134, 0.7) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-gold-2 hr {
    border-top-color: rgba(253, 196, 134, 0.05)
}

.alert-gold-2 .alert-link {
    color: rgba(253, 196, 134, 0.1)
}

.alert-pink-2 {
    color: #ef75ad;
    background-color: rgba(232, 62, 140, 0.2) !important;
    border-color: rgba(232, 62, 140, 0.7) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-pink-2 hr {
    border-top-color: rgba(232, 62, 140, 0.05)
}

.alert-pink-2 .alert-link {
    color: rgba(232, 62, 140, 0.1)
}

.alert-danger-2 {
    color: #fb6d6d;
    background-color: rgba(249, 50, 50, 0.2) !important;
    border-color: rgba(249, 50, 50, 0.7) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-danger-2 hr {
    border-top-color: rgba(249, 50, 50, 0.05)
}

.alert-danger-2 .alert-link {
    color: rgba(249, 50, 50, 0.1)
}

.alert-dark-2 {
    color: #303030;
    background-color: rgba(17, 17, 17, 0.2) !important;
    border-color: rgba(17, 17, 17, 0.7) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-dark-2 hr {
    border-top-color: rgba(17, 17, 17, 0.05)
}

.alert-dark-2 .alert-link {
    color: rgba(17, 17, 17, 0.1)
}

.alert-secondary-2 {
    color: #fcfcfc;
    background-color: rgba(221, 221, 221, 0.2) !important;
    border-color: rgba(221, 221, 221, 0.7) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-secondary-2 hr {
    border-top-color: rgba(221, 221, 221, 0.05)
}

.alert-secondary-2 .alert-link {
    color: rgba(221, 221, 221, 0.1)
}

.alert-light-2 {
    color: #fff;
    background-color: rgba(245, 245, 245, 0.2) !important;
    border-color: rgba(245, 245, 245, 0.7) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-light-2 hr {
    border-top-color: rgba(245, 245, 245, 0.05)
}

.alert-light-2 .alert-link {
    color: rgba(245, 245, 245, 0.1)
}

.text-primary-1 {
    color: rgba(0, 164, 255, 0.1) !important
}

.text-success-1 {
    color: rgba(9, 206, 44, 0.1) !important
}

.text-info-1 {
    color: rgba(67, 183, 253, 0.1) !important
}

.text-warning-1 {
    color: rgba(253, 132, 32, 0.1) !important
}

.text-purple-1 {
    color: rgba(111, 66, 193, 0.1) !important
}

.text-gold-1 {
    color: rgba(253, 196, 134, 0.1) !important
}

.text-pink-1 {
    color: rgba(232, 62, 140, 0.1) !important
}

.text-danger-1 {
    color: rgba(249, 50, 50, 0.1) !important
}

.text-secondary-1 {
    color: rgba(221, 221, 221, 0.1) !important
}

.text-dark-1 {
    color: rgba(17, 17, 17, 0.1) !important
}

.text-gray-1 {
    color: rgba(17, 17, 17, 0.1) !important
}

.text-white-1 {
    color: rgba(255, 255, 255, 0.1) !important
}

.text-black-1 {
    color: rgba(0, 0, 0, 0.1) !important
}

.bg-primary-1 {
    background-color: rgba(0, 164, 255, 0.1) !important
}

.bg-success-1 {
    background-color: rgba(9, 206, 44, 0.1) !important
}

.bg-info-1 {
    background-color: rgba(67, 183, 253, 0.1) !important
}

.bg-warning-1 {
    background-color: rgba(253, 132, 32, 0.1) !important
}

.bg-danger-1 {
    background-color: rgba(249, 50, 50, 0.1) !important
}

.bg-gold-1 {
    background-color: rgba(253, 196, 134, 0.1) !important
}

.bg-purple-1 {
    background-color: rgba(111, 66, 193, 0.1) !important
}

.bg-cyan-1 {
    background-color: rgba(67, 183, 253, 0.1) !important
}

.bg-pink-1 {
    background-color: rgba(232, 62, 140, 0.1) !important
}

.bg-dark-1 {
    background-color: rgba(17, 17, 17, 0.1) !important
}

.bg-black-1 {
    background-color: rgba(0, 0, 0, 0.1) !important
}

.bg-secondary-1 {
    background-color: rgba(221, 221, 221, 0.1) !important
}

.bg-gray-1 {
    background-color: rgba(102, 102, 102, 0.1) !important
}

.bg-light-1 {
    background-color: rgba(245, 245, 245, 0.1) !important
}

.bg-white-1 {
    background-color: rgba(255, 255, 255, 0.1) !important
}

.badge-primary-1 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #1fafff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(0, 164, 255, 0.1);
    border-color: rgba(0, 164, 255, 0.6)
}

.badge-success-1 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #0aeb32;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(9, 206, 44, 0.1);
    border-color: rgba(9, 206, 44, 0.6)
}

.badge-info-1 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #ade0fe;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(143, 212, 254, 0.1);
    border-color: rgba(143, 212, 254, 0.6)
}

.badge-warning-1 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fd790c;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(232, 106, 2, 0.1);
    border-color: rgba(232, 106, 2, 0.6)
}

.badge-danger-1 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fa5050;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(249, 50, 50, 0.1);
    border-color: rgba(249, 50, 50, 0.6)
}

.badge-purple-1 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #8159c9;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(111, 66, 193, 0.1);
    border-color: rgba(111, 66, 193, 0.6)
}

.badge-pink-1 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #eb599c;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(232, 62, 140, 0.1);
    border-color: rgba(232, 62, 140, 0.6)
}

.badge-gold-1 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fdd3a4;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(253, 196, 134, 0.1);
    border-color: rgba(253, 196, 134, 0.6)
}

.badge-dark-1 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #202020;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(17, 17, 17, 0.1);
    border-color: rgba(17, 17, 17, 0.6)
}

.badge-gray-1 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #868686;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(119, 119, 119, 0.1);
    border-color: rgba(119, 119, 119, 0.6)
}

.badge-secondary-1 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #ececec;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(221, 221, 221, 0.1);
    border-color: rgba(221, 221, 221, 0.6)
}

.badge-light-1 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(245, 245, 245, 0.1);
    border-color: rgba(245, 245, 245, 0.6)
}

.badge-white-1 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    color: #fff;
    font-weight: normal;
    font-size: .65rem;
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.6)
}

.alert-primary-1 {
    color: #1fafff;
    background-color: rgba(0, 164, 255, 0.1) !important;
    border-color: rgba(0, 164, 255, 0.6) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-primary-1 hr {
    border-top-color: rgba(0, 164, 255, 0.05)
}

.alert-primary-1 .alert-link {
    color: rgba(0, 164, 255, 0.1)
}

.alert-success-1 {
    color: #0aeb32;
    background-color: rgba(9, 206, 44, 0.1) !important;
    border-color: rgba(9, 206, 44, 0.6) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-success-1 hr {
    border-top-color: rgba(9, 206, 44, 0.05)
}

.alert-success-1 .alert-link {
    color: rgba(9, 206, 44, 0.1)
}

.alert-info-1 {
    color: #61c3fd;
    background-color: rgba(67, 183, 253, 0.1) !important;
    border-color: rgba(67, 183, 253, 0.6) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-info-1 hr {
    border-top-color: rgba(67, 183, 253, 0.05)
}

.alert-info-1 .alert-link {
    color: rgba(67, 183, 253, 0.1)
}

.alert-warning-1 {
    color: #fd953e;
    background-color: rgba(253, 132, 32, 0.1) !important;
    border-color: rgba(253, 132, 32, 0.6) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-warning-1 hr {
    border-top-color: rgba(253, 132, 32, 0.05)
}

.alert-warning-1 .alert-link {
    color: rgba(253, 132, 32, 0.1)
}

.alert-purple-1 {
    color: #8159c9;
    background-color: rgba(111, 66, 193, 0.1) !important;
    border-color: rgba(111, 66, 193, 0.6) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-purple-1 hr {
    border-top-color: rgba(111, 66, 193, 0.05)
}

.alert-purple-1 .alert-link {
    color: rgba(111, 66, 193, 0.1)
}

.alert-gold-1 {
    color: #fdd3a4;
    background-color: rgba(253, 196, 134, 0.1) !important;
    border-color: rgba(253, 196, 134, 0.6) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-gold-1 hr {
    border-top-color: rgba(253, 196, 134, 0.05)
}

.alert-gold-1 .alert-link {
    color: rgba(253, 196, 134, 0.1)
}

.alert-pink-1 {
    color: #eb599c;
    background-color: rgba(232, 62, 140, 0.1) !important;
    border-color: rgba(232, 62, 140, 0.6) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-pink-1 hr {
    border-top-color: rgba(232, 62, 140, 0.05)
}

.alert-pink-1 .alert-link {
    color: rgba(232, 62, 140, 0.1)
}

.alert-danger-1 {
    color: #fa5050;
    background-color: rgba(249, 50, 50, 0.1) !important;
    border-color: rgba(249, 50, 50, 0.6) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-danger-1 hr {
    border-top-color: rgba(249, 50, 50, 0.05)
}

.alert-danger-1 .alert-link {
    color: rgba(249, 50, 50, 0.1)
}

.alert-dark-1 {
    color: #202020;
    background-color: rgba(17, 17, 17, 0.1) !important;
    border-color: rgba(17, 17, 17, 0.6) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-dark-1 hr {
    border-top-color: rgba(17, 17, 17, 0.05)
}

.alert-dark-1 .alert-link {
    color: rgba(17, 17, 17, 0.1)
}

.alert-secondary-1 {
    color: #ececec;
    background-color: rgba(221, 221, 221, 0.1) !important;
    border-color: rgba(221, 221, 221, 0.6) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-secondary-1 hr {
    border-top-color: rgba(221, 221, 221, 0.05)
}

.alert-secondary-1 .alert-link {
    color: rgba(221, 221, 221, 0.1)
}

.alert-light-1 {
    color: #fff;
    background-color: rgba(245, 245, 245, 0.1) !important;
    border-color: rgba(245, 245, 245, 0.6) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.alert-light-1 hr {
    border-top-color: rgba(245, 245, 245, 0.05)
}

.alert-light-1 .alert-link {
    color: rgba(245, 245, 245, 0.1)
}

.circle {
    border-radius: 10rem !important;
    -moz-border-radius: 10rem !important;
    -webkit-border-radius: 10rem !important
}

.border-0 {
    border: none
}

.border {
    border: 1px rgba(221, 221, 221, 0.6) solid
}

.border,
.border-top,
.border-bottom,
.border-left,
.border-right {
    border-color: rgba(221, 221, 221, 0.6) !important
}

.border-radius {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.rounded {
    border-radius: .4rem !important;
    -moz-border-radius: .4rem !important;
    -webkit-border-radius: .4rem !important
}

.rounded-0 {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.border-radius-left {
    border-radius: .4rem !important;
    -moz-border-radius: .4rem !important;
    -webkit-border-radius: .4rem !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.border-radius-right {
    border-radius: .4rem !important;
    -moz-border-radius: .4rem !important;
    -webkit-border-radius: .4rem !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.border-radius-top {
    border-radius: .4rem !important;
    -moz-border-radius: .4rem !important;
    -webkit-border-radius: .4rem !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.border-radius-bottom {
    border-radius: .4rem !important;
    -moz-border-radius: .4rem !important;
    -webkit-border-radius: .4rem !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.border-primary {
    border-color: #00a4ff !important
}

.border-primary:hover {
    border-color: rgba(0, 164, 255, 0.09)
}

.border-success {
    border-color: #09ce2c !important
}

.border-success:hover {
    border-color: rgba(9, 206, 44, 0.09)
}

.border-info {
    border-color: #43b7fd !important
}

.border-info:hover {
    border-color: rgba(67, 183, 253, 0.09)
}

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

.border-warning:hover {
    border-color: rgba(253, 132, 32, 0.09)
}

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

.border-danger:hover {
    border-color: rgba(249, 50, 50, 0.09)
}

.border-secondary {
    border-color: #ddd !important
}

.border-secondary:hover {
    border-color: rgba(221, 221, 221, 0.09)
}

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

.border-light:hover {
    border-color: rgba(245, 245, 245, 0.09)
}

.border-gold {
    border-color: #fdc486 !important
}

.border-gold:hover {
    border-color: rgba(253, 196, 134, 0.09)
}

.border-dark {
    border-color: #111 !important
}

.border-dark:hover {
    border-color: rgba(17, 17, 17, 0.09)
}

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

.border-white:hover {
    border-color: rgba(255, 255, 255, 0.09)
}

.border-left-gray {
    border-left: 1px rgba(221, 221, 221, 0.6) dashed
}

.border-right-gray {
    border-right: 1px rgba(221, 221, 221, 0.6) dashed
}

.border-bottom-gray {
    border-bottom: 1px rgba(221, 221, 221, 0.6) dashed
}

.border-top-gray {
    border-top: 1px rgba(221, 221, 221, 0.6) dashed
}

.border-primary-9 {
    border-color: rgba(0, 164, 255, 0.9) !important
}

.border-primary-9:hover {
    border-color: rgba(0, 164, 255, 0.081)
}

.border-success-9 {
    border-color: rgba(9, 206, 44, 0.9) !important
}

.border-success-9:hover {
    border-color: rgba(9, 206, 44, 0.081)
}

.border-info-9 {
    border-color: rgba(67, 183, 253, 0.9) !important
}

.border-info-9:hover {
    border-color: rgba(67, 183, 253, 0.081)
}

.border-warning-9 {
    border-color: rgba(253, 132, 32, 0.9) !important
}

.border-warning-9:hover {
    border-color: rgba(253, 132, 32, 0.081)
}

.border-danger-9 {
    border-color: rgba(249, 50, 50, 0.9) !important
}

.border-danger-9:hover {
    border-color: rgba(249, 50, 50, 0.081)
}

.border-gold-9 {
    border-color: rgba(253, 196, 134, 0.9) !important
}

.border-gold-9:hover {
    border-color: rgba(253, 196, 134, 0.081)
}

.border-secondary-9 {
    border-color: rgba(221, 221, 221, 0.9) !important
}

.border-secondary-9:hover {
    border-color: rgba(221, 221, 221, 0.081)
}

.border-light-9 {
    border-color: rgba(245, 245, 245, 0.9) !important
}

.border-light-9:hover {
    border-color: rgba(245, 245, 245, 0.081)
}

.border-dark-9 {
    border-color: rgba(17, 17, 17, 0.9) !important
}

.border-dark-9:hover {
    border-color: rgba(17, 17, 17, 0.081)
}

.border-white-9 {
    border-color: rgba(255, 255, 255, 0.9) !important
}

.border-white-9:hover {
    border-color: rgba(255, 255, 255, 0.081)
}

.border-primary-8 {
    border-color: rgba(0, 164, 255, 0.8) !important
}

.border-primary-8:hover {
    border-color: rgba(0, 164, 255, 0.072)
}

.border-success-8 {
    border-color: rgba(9, 206, 44, 0.8) !important
}

.border-success-8:hover {
    border-color: rgba(9, 206, 44, 0.072)
}

.border-info-8 {
    border-color: rgba(67, 183, 253, 0.8) !important
}

.border-info-8:hover {
    border-color: rgba(67, 183, 253, 0.072)
}

.border-warning-8 {
    border-color: rgba(253, 132, 32, 0.8) !important
}

.border-warning-8:hover {
    border-color: rgba(253, 132, 32, 0.072)
}

.border-danger-8 {
    border-color: rgba(249, 50, 50, 0.8) !important
}

.border-danger-8:hover {
    border-color: rgba(249, 50, 50, 0.072)
}

.border-gold-8 {
    border-color: rgba(253, 196, 134, 0.8) !important
}

.border-gold-8:hover {
    border-color: rgba(253, 196, 134, 0.072)
}

.border-secondary-8 {
    border-color: rgba(221, 221, 221, 0.8) !important
}

.border-secondary-8:hover {
    border-color: rgba(221, 221, 221, 0.072)
}

.border-light-8 {
    border-color: rgba(245, 245, 245, 0.8) !important
}

.border-light-8:hover {
    border-color: rgba(245, 245, 245, 0.072)
}

.border-dark-8 {
    border-color: rgba(17, 17, 17, 0.8) !important
}

.border-dark-8:hover {
    border-color: rgba(17, 17, 17, 0.072)
}

.border-white-8 {
    border-color: rgba(255, 255, 255, 0.8) !important
}

.border-white-8:hover {
    border-color: rgba(255, 255, 255, 0.072)
}

.border-primary-7 {
    border-color: rgba(0, 164, 255, 0.7) !important
}

.border-primary-7:hover {
    border-color: rgba(0, 164, 255, 0.063)
}

.border-success-7 {
    border-color: rgba(9, 206, 44, 0.7) !important
}

.border-success-7:hover {
    border-color: rgba(9, 206, 44, 0.063)
}

.border-info-7 {
    border-color: rgba(67, 183, 253, 0.7) !important
}

.border-info-7:hover {
    border-color: rgba(67, 183, 253, 0.063)
}

.border-warning-7 {
    border-color: rgba(253, 132, 32, 0.7) !important
}

.border-warning-7:hover {
    border-color: rgba(253, 132, 32, 0.063)
}

.border-danger-7 {
    border-color: rgba(249, 50, 50, 0.7) !important
}

.border-danger-7:hover {
    border-color: rgba(249, 50, 50, 0.063)
}

.border-gold-7 {
    border-color: rgba(253, 196, 134, 0.7) !important
}

.border-gold-7:hover {
    border-color: rgba(253, 196, 134, 0.063)
}

.border-secondary-7 {
    border-color: rgba(221, 221, 221, 0.7) !important
}

.border-secondary-7:hover {
    border-color: rgba(221, 221, 221, 0.063)
}

.border-light-7 {
    border-color: rgba(245, 245, 245, 0.7) !important
}

.border-light-7:hover {
    border-color: rgba(245, 245, 245, 0.063)
}

.border-dark-7 {
    border-color: rgba(17, 17, 17, 0.7) !important
}

.border-dark-7:hover {
    border-color: rgba(17, 17, 17, 0.063)
}

.border-white-7 {
    border-color: rgba(255, 255, 255, 0.7) !important
}

.border-white-7:hover {
    border-color: rgba(255, 255, 255, 0.063)
}

.border-primary-6 {
    border-color: rgba(0, 164, 255, 0.6) !important
}

.border-primary-6:hover {
    border-color: rgba(0, 164, 255, 0.054)
}

.border-success-6 {
    border-color: rgba(9, 206, 44, 0.6) !important
}

.border-success-6:hover {
    border-color: rgba(9, 206, 44, 0.054)
}

.border-info-6 {
    border-color: rgba(67, 183, 253, 0.6) !important
}

.border-info-6:hover {
    border-color: rgba(67, 183, 253, 0.054)
}

.border-warning-6 {
    border-color: rgba(253, 132, 32, 0.6) !important
}

.border-warning-6:hover {
    border-color: rgba(253, 132, 32, 0.054)
}

.border-danger-6 {
    border-color: rgba(249, 50, 50, 0.6) !important
}

.border-danger-6:hover {
    border-color: rgba(249, 50, 50, 0.054)
}

.border-gold-6 {
    border-color: rgba(253, 196, 134, 0.6) !important
}

.border-gold-6:hover {
    border-color: rgba(253, 196, 134, 0.054)
}

.border-secondary-6 {
    border-color: rgba(221, 221, 221, 0.6) !important
}

.border-secondary-6:hover {
    border-color: rgba(221, 221, 221, 0.054)
}

.border-light-6 {
    border-color: rgba(245, 245, 245, 0.6) !important
}

.border-light-6:hover {
    border-color: rgba(245, 245, 245, 0.054)
}

.border-dark-6 {
    border-color: rgba(17, 17, 17, 0.6) !important
}

.border-dark-6:hover {
    border-color: rgba(17, 17, 17, 0.054)
}

.border-white-6 {
    border-color: rgba(255, 255, 255, 0.6) !important
}

.border-white-6:hover {
    border-color: rgba(255, 255, 255, 0.054)
}

.border-primary-5 {
    border-color: rgba(0, 164, 255, 0.5) !important
}

.border-primary-5:hover {
    border-color: rgba(0, 164, 255, 0.045)
}

.border-success-5 {
    border-color: rgba(9, 206, 44, 0.5) !important
}

.border-success-5:hover {
    border-color: rgba(9, 206, 44, 0.045)
}

.border-info-5 {
    border-color: rgba(67, 183, 253, 0.5) !important
}

.border-info-5:hover {
    border-color: rgba(67, 183, 253, 0.045)
}

.border-warning-5 {
    border-color: rgba(253, 132, 32, 0.5) !important
}

.border-warning-5:hover {
    border-color: rgba(253, 132, 32, 0.045)
}

.border-danger-5 {
    border-color: rgba(249, 50, 50, 0.5) !important
}

.border-danger-5:hover {
    border-color: rgba(249, 50, 50, 0.045)
}

.border-gold-5 {
    border-color: rgba(253, 196, 134, 0.5) !important
}

.border-gold-5:hover {
    border-color: rgba(253, 196, 134, 0.045)
}

.border-secondary-5 {
    border-color: rgba(221, 221, 221, 0.5) !important
}

.border-secondary-5:hover {
    border-color: rgba(221, 221, 221, 0.045)
}

.border-light-5 {
    border-color: rgba(245, 245, 245, 0.5) !important
}

.border-light-5:hover {
    border-color: rgba(245, 245, 245, 0.045)
}

.border-dark-5 {
    border-color: rgba(17, 17, 17, 0.5) !important
}

.border-dark-5:hover {
    border-color: rgba(17, 17, 17, 0.045)
}

.border-white-5 {
    border-color: rgba(255, 255, 255, 0.5) !important
}

.border-white-5:hover {
    border-color: rgba(255, 255, 255, 0.045)
}

.border-primary-4 {
    border-color: rgba(0, 164, 255, 0.4) !important
}

.border-primary-4:hover {
    border-color: rgba(0, 164, 255, 0.036)
}

.border-success-4 {
    border-color: rgba(9, 206, 44, 0.4) !important
}

.border-success-4:hover {
    border-color: rgba(9, 206, 44, 0.036)
}

.border-info-4 {
    border-color: rgba(67, 183, 253, 0.4) !important
}

.border-info-4:hover {
    border-color: rgba(67, 183, 253, 0.036)
}

.border-warning-4 {
    border-color: rgba(253, 132, 32, 0.4) !important
}

.border-warning-4:hover {
    border-color: rgba(253, 132, 32, 0.036)
}

.border-danger-4 {
    border-color: rgba(249, 50, 50, 0.4) !important
}

.border-danger-4:hover {
    border-color: rgba(249, 50, 50, 0.036)
}

.border-gold-4 {
    border-color: rgba(253, 196, 134, 0.4) !important
}

.border-gold-4:hover {
    border-color: rgba(253, 196, 134, 0.036)
}

.border-secondary-4 {
    border-color: rgba(221, 221, 221, 0.4) !important
}

.border-secondary-4:hover {
    border-color: rgba(221, 221, 221, 0.036)
}

.border-light-4 {
    border-color: rgba(245, 245, 245, 0.4) !important
}

.border-light-4:hover {
    border-color: rgba(245, 245, 245, 0.036)
}

.border-dark-4 {
    border-color: rgba(17, 17, 17, 0.4) !important
}

.border-dark-4:hover {
    border-color: rgba(17, 17, 17, 0.036)
}

.border-white-4 {
    border-color: rgba(255, 255, 255, 0.4) !important
}

.border-white-4:hover {
    border-color: rgba(255, 255, 255, 0.036)
}

.border-primary-3 {
    border-color: rgba(0, 164, 255, 0.3) !important
}

.border-primary-3:hover {
    border-color: rgba(0, 164, 255, 0.027)
}

.border-success-3 {
    border-color: rgba(9, 206, 44, 0.3) !important
}

.border-success-3:hover {
    border-color: rgba(9, 206, 44, 0.027)
}

.border-info-3 {
    border-color: rgba(67, 183, 253, 0.3) !important
}

.border-info-3:hover {
    border-color: rgba(67, 183, 253, 0.027)
}

.border-warning-3 {
    border-color: rgba(253, 132, 32, 0.3) !important
}

.border-warning-3:hover {
    border-color: rgba(253, 132, 32, 0.027)
}

.border-danger-3 {
    border-color: rgba(249, 50, 50, 0.3) !important
}

.border-danger-3:hover {
    border-color: rgba(249, 50, 50, 0.027)
}

.border-gold-3 {
    border-color: rgba(253, 196, 134, 0.3) !important
}

.border-gold-3:hover {
    border-color: rgba(253, 196, 134, 0.027)
}

.border-secondary-3 {
    border-color: rgba(221, 221, 221, 0.3) !important
}

.border-secondary-3:hover {
    border-color: rgba(221, 221, 221, 0.027)
}

.border-light-3 {
    border-color: rgba(245, 245, 245, 0.3) !important
}

.border-light-3:hover {
    border-color: rgba(245, 245, 245, 0.027)
}

.border-dark-3 {
    border-color: rgba(17, 17, 17, 0.3) !important
}

.border-dark-3:hover {
    border-color: rgba(17, 17, 17, 0.027)
}

.border-white-3 {
    border-color: rgba(255, 255, 255, 0.3) !important
}

.border-white-3:hover {
    border-color: rgba(255, 255, 255, 0.027)
}

.border-primary-2 {
    border-color: rgba(0, 164, 255, 0.2) !important
}

.border-primary-2:hover {
    border-color: rgba(0, 164, 255, 0.018)
}

.border-success-2 {
    border-color: rgba(9, 206, 44, 0.2) !important
}

.border-success-2:hover {
    border-color: rgba(9, 206, 44, 0.018)
}

.border-info-2 {
    border-color: rgba(67, 183, 253, 0.2) !important
}

.border-info-2:hover {
    border-color: rgba(67, 183, 253, 0.018)
}

.border-warning-2 {
    border-color: rgba(253, 132, 32, 0.2) !important
}

.border-warning-2:hover {
    border-color: rgba(253, 132, 32, 0.018)
}

.border-danger-2 {
    border-color: rgba(249, 50, 50, 0.2) !important
}

.border-danger-2:hover {
    border-color: rgba(249, 50, 50, 0.018)
}

.border-gold-2 {
    border-color: rgba(253, 196, 134, 0.2) !important
}

.border-gold-2:hover {
    border-color: rgba(253, 196, 134, 0.018)
}

.border-secondary-2 {
    border-color: rgba(221, 221, 221, 0.2) !important
}

.border-secondary-2:hover {
    border-color: rgba(221, 221, 221, 0.018)
}

.border-light-2 {
    border-color: rgba(245, 245, 245, 0.2) !important
}

.border-light-2:hover {
    border-color: rgba(245, 245, 245, 0.018)
}

.border-dark-2 {
    border-color: rgba(17, 17, 17, 0.2) !important
}

.border-dark-2:hover {
    border-color: rgba(17, 17, 17, 0.018)
}

.border-white-2 {
    border-color: rgba(255, 255, 255, 0.2) !important
}

.border-white-2:hover {
    border-color: rgba(255, 255, 255, 0.018)
}

.border-primary-1 {
    border-color: rgba(0, 164, 255, 0.1) !important
}

.border-primary-1:hover {
    border-color: rgba(0, 164, 255, 0.009)
}

.border-success-1 {
    border-color: rgba(9, 206, 44, 0.1) !important
}

.border-success-1:hover {
    border-color: rgba(9, 206, 44, 0.009)
}

.border-info-1 {
    border-color: rgba(67, 183, 253, 0.1) !important
}

.border-info-1:hover {
    border-color: rgba(67, 183, 253, 0.009)
}

.border-warning-1 {
    border-color: rgba(253, 132, 32, 0.1) !important
}

.border-warning-1:hover {
    border-color: rgba(253, 132, 32, 0.009)
}

.border-danger-1 {
    border-color: rgba(249, 50, 50, 0.1) !important
}

.border-danger-1:hover {
    border-color: rgba(249, 50, 50, 0.009)
}

.border-gold-1 {
    border-color: rgba(253, 196, 134, 0.1) !important
}

.border-gold-1:hover {
    border-color: rgba(253, 196, 134, 0.009)
}

.border-secondary-1 {
    border-color: rgba(221, 221, 221, 0.1) !important
}

.border-secondary-1:hover {
    border-color: rgba(221, 221, 221, 0.009)
}

.border-light-1 {
    border-color: rgba(245, 245, 245, 0.1) !important
}

.border-light-1:hover {
    border-color: rgba(245, 245, 245, 0.009)
}

.border-dark-1 {
    border-color: rgba(17, 17, 17, 0.1) !important
}

.border-dark-1:hover {
    border-color: rgba(17, 17, 17, 0.009)
}

.border-white-1 {
    border-color: rgba(255, 255, 255, 0.1) !important
}

.border-white-1:hover {
    border-color: rgba(255, 255, 255, 0.009)
}

a,
button {
    color: #43b7fd;
    text-decoration: none;
    transition: all .3s !important;
    -webkit-transition: all .3s !important;
    cursor: pointer
}

a:hover,
button:hover,
a:focus,
button:focus,
a:active,
button:active {
    color: #2aadfd;
    text-decoration: none !important
}

a:focus,
button:focus,
a:active,
button:active {
    text-decoration: underline
}

::hover {
    transition: all .3s;
    -webkit-transition: all .3s
}

.link-more,
.link-more>i {
    color: #00a4ff !important
}

.btn-more,
.btn-outline-more,
.btn-union {
    font-size: .85rem;
    padding: .25rem 1rem;
    opacity: .8;
    filter: alpha(opacity=80)
}

.btn-more:hover,
.btn-outline-more:hover,
.btn-union:hover,
.btn-more:focus,
.btn-outline-more:focus,
.btn-union:focus,
.btn-more:active,
.btn-outline-more:active,
.btn-union:active {
    opacity: 1;
    filter: alpha(opacity=100)
}

@media (max-width:768px) {

    .btn-more,
    .btn-outline-more,
    .btn-union {
        font-size: .65rem;
        padding: .375rem 1rem
    }
}

.btn-outline-more {
    border: 1px rgba(221, 221, 221, 0.6) solid;
    border-color: rgba(221, 221, 221, 0.6) !important;
    border-color: #00a4ff !important;
    color: #00a4ff !important
}

.btn-outline-more:hover {
    border-color: rgba(0, 164, 255, 0.09)
}

.btn-more {
    background-color: #00a4ff !important;
    border: none;
    color: #fff !important
}

.btn-more:hover,
.btn-more:focus,
.btn-more:active {
    color: #fff !important
}

.btn-plus {
    color: #00a4ff !important;
    border-color: #00a4ff
}

.btn-plus:hover,
.btn-plus:focus,
.btn-plus:active,
.btn-plus:not(:disabled):not(.disabled).active,
.btn-plus:not(:disabled):not(.disabled):active {
    color: #00a4ff !important;
    border-color: #00a4ff !important;
    background-color: rgba(0, 164, 255, 0.2) !important
}

.btn-plus.active {
    color: #00a4ff !important
}

.btn-normal,
.btn-choose,
.btn-bid,
.btn-working,
.btn-mybid,
.btn-waitpay {
    color: #fff;
    background-color: #00a4ff;
    border-color: #00a4ff
}

.btn-normal:hover,
.btn-choose:hover,
.btn-bid:hover,
.btn-working:hover,
.btn-mybid:hover,
.btn-waitpay:hover,
.btn-normal:focus,
.btn-choose:focus,
.btn-bid:focus,
.btn-working:focus,
.btn-mybid:focus,
.btn-waitpay:focus,
.btn-normal:active,
.btn-choose:active,
.btn-bid:active,
.btn-working:active,
.btn-mybid:active,
.btn-waitpay:active,
.btn-normal:not(:disabled):not(.disabled).active,
.btn-choose:not(:disabled):not(.disabled).active,
.btn-bid:not(:disabled):not(.disabled).active,
.btn-working:not(:disabled):not(.disabled).active,
.btn-mybid:not(:disabled):not(.disabled).active,
.btn-waitpay:not(:disabled):not(.disabled).active,
.btn-normal:not(:disabled):not(.disabled):active,
.btn-choose:not(:disabled):not(.disabled):active,
.btn-bid:not(:disabled):not(.disabled):active,
.btn-working:not(:disabled):not(.disabled):active,
.btn-mybid:not(:disabled):not(.disabled):active,
.btn-waitpay:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #1fafff;
    border-color: #1fafff
}

@media (max-width:768px) {

    .btn-normal,
    .btn-choose,
    .btn-bid,
    .btn-working,
    .btn-mybid,
    .btn-waitpay {
        font-size: 1rem
    }
}

.btn-outline-back {
    color: #ddd !important;
    border-color: #ddd;
    color: #5e5e5e !important
}

.btn-outline-back:hover,
.btn-outline-back:focus,
.btn-outline-back:active,
.btn-outline-back:not(:disabled):not(.disabled).active,
.btn-outline-back:not(:disabled):not(.disabled):active {
    color: #dddddd !important;
    border-color: #ddd !important;
    background-color: rgba(221, 221, 221, 0.2) !important
}

.btn-outline-back.active {
    color: #dddddd !important
}

.btn-outline-back:hover,
.btn-outline-back:focus,
.btn-outline-back:active {
    color: #43b7fd !important;
    background-color: rgba(67, 183, 253, 0.1) !important;
    border-color: rgba(0, 164, 255, 0.1) !important
}

.btn-outline-back:hover:hover,
.btn-outline-back:focus:hover,
.btn-outline-back:active:hover {
    border-color: rgba(0, 164, 255, 0.009)
}

.btn-normal {
    color: #ddd !important;
    border-color: #ddd;
    color: #5e5e5e !important;
    background-color: transparent;
    margin-right: 0
}

.btn-normal:hover,
.btn-normal:focus,
.btn-normal:active,
.btn-normal:not(:disabled):not(.disabled).active,
.btn-normal:not(:disabled):not(.disabled):active {
    color: #dddddd !important;
    border-color: #ddd !important;
    background-color: rgba(221, 221, 221, 0.2) !important
}

.btn-normal.active {
    color: #dddddd !important
}

.btn-normal:hover,
.btn-normal:focus,
.btn-normal:active {
    color: #00a4ff !important
}

.btn-normal.active {
    background-color: #00a4ff !important;
    color: #fff !important;
    border: none
}

.btn {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    cursor: pointer
}

.btn.disabled {
    opacity: .5;
    filter: alpha(opacity=50)
}

.btn-group-sm>.btn,
.btn-sm {
    font-size: .8rem;
    padding: .15rem .5rem
}

.btn-lg {
    font-size: 1.15rem;
    padding: .75rem 1.25rem
}

.btn.disabled,
.btn:disabled,
.disabled {
    pointer-events: none;
    opacity: .4;
    filter: alpha(opacity=40)
}

.btn-text-normal {
    display: inline-flex !important;
    color: #777777;
    font-size: .9rem;
    line-height: 1.5;
    font-weight: normal
}

.btn-text-normal:hover,
.btn-text-normal:focus,
.btn-text-normal:active,
.btn-text-normal:not(:disabled):not(.disabled).active,
.btn-text-normal:not(:disabled):not(.disabled):active {
    color: #00a4ff !important
}

.btn-gold,
.btn-primary {
    color: #fff;
    background-color: #00a4ff;
    border-color: #00a4ff
}

.btn-gold:hover,
.btn-primary:hover,
.btn-gold:focus,
.btn-primary:focus,
.btn-gold:active,
.btn-primary:active,
.btn-gold:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-gold:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #1fafff;
    border-color: #1fafff
}

.btn-success {
    color: #fff;
    background-color: #09ce2c;
    border-color: #09ce2c
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #0aeb32;
    border-color: #0aeb32
}

.btn-info {
    color: #fff;
    background-color: #43b7fd;
    border-color: #43b7fd
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #61c3fd;
    border-color: #61c3fd
}

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

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #fd953e;
    border-color: #fd953e
}

.btn-gold {
    color: #fff;
    background-color: #fdc486;
    border-color: #fdc486
}

.btn-gold:hover,
.btn-gold:focus,
.btn-gold:active,
.btn-gold:not(:disabled):not(.disabled).active,
.btn-gold:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #fdd3a4;
    border-color: #fdd3a4
}

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

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #fa5050;
    border-color: #fa5050
}

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

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #ececec;
    border-color: #ececec
}

.btn-gray {
    color: #fff;
    background-color: #666;
    border-color: #666;
    color: #ffffff !important
}

.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray:not(:disabled):not(.disabled).active,
.btn-gray:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #757575;
    border-color: #757575
}

.btn-dark {
    color: #aaa;
    background-color: #111;
    border-color: #111;
    color: #ffffff !important
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active {
    color: #aaa;
    background-color: #202020;
    border-color: #202020
}

.btn-link {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
    color: #00a4ff !important
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link:not(:disabled):not(.disabled).active,
.btn-link:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #fff;
    border-color: #fff
}

.btn-light {
    color: #fff;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: #666666 !important
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active,
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #fff;
    border-color: #fff
}

.btn-text {
    color: #777777 !important
}

.btn-outline-gold,
.btn-outline-primary {
    color: #00a4ff !important;
    border-color: #00a4ff
}

.btn-outline-gold:hover,
.btn-outline-primary:hover,
.btn-outline-gold:focus,
.btn-outline-primary:focus,
.btn-outline-gold:active,
.btn-outline-primary:active,
.btn-outline-gold:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-gold:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    color: #00a4ff !important;
    border-color: #00a4ff !important;
    background-color: rgba(0, 164, 255, 0.2) !important
}

.btn-outline-gold.active,
.btn-outline-primary.active {
    color: #00a4ff !important
}

.btn-outline-success {
    color: #09ce2c !important;
    border-color: #09ce2c
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active {
    color: #09ce2c !important;
    border-color: #09ce2c !important;
    background-color: rgba(9, 206, 44, 0.2) !important
}

.btn-outline-success.active {
    color: #09ce2c !important
}

.btn-outline-info {
    color: #43b7fd !important;
    border-color: #43b7fd
}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active {
    color: #43b7fd !important;
    border-color: #43b7fd !important;
    background-color: rgba(67, 183, 253, 0.2) !important
}

.btn-outline-info.active {
    color: #43b7fd !important
}

.btn-outline-warning {
    color: #fd8420 !important;
    border-color: #fd8420
}

.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active {
    color: #FD8420 !important;
    border-color: #fd8420 !important;
    background-color: rgba(253, 132, 32, 0.2) !important
}

.btn-outline-warning.active {
    color: #FD8420 !important
}

.btn-outline-gold {
    color: #fdc486 !important;
    border-color: #fdc486
}

.btn-outline-gold:hover,
.btn-outline-gold:focus,
.btn-outline-gold:active,
.btn-outline-gold:not(:disabled):not(.disabled).active,
.btn-outline-gold:not(:disabled):not(.disabled):active {
    color: #fdc486 !important;
    border-color: #fdc486 !important;
    background-color: rgba(253, 196, 134, 0.2) !important
}

.btn-outline-gold.active {
    color: #fdc486 !important
}

.btn-outline-danger {
    color: #f93232 !important;
    border-color: #f93232
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active {
    color: #f93232 !important;
    border-color: #f93232 !important;
    background-color: rgba(249, 50, 50, 0.2) !important
}

.btn-outline-danger.active {
    color: #f93232 !important
}

.btn-outline-light {
    color: #f5f5f5 !important;
    border-color: #f5f5f5
}

.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light:active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active {
    color: #f5f5f5 !important;
    border-color: #f5f5f5 !important;
    background-color: rgba(245, 245, 245, 0.2) !important
}

.btn-outline-light.active {
    color: #f5f5f5 !important
}

.btn-outline-secondary {
    color: #ddd !important;
    border-color: #ddd;
    color: #5e5e5e !important
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active {
    color: #dddddd !important;
    border-color: #ddd !important;
    background-color: rgba(221, 221, 221, 0.2) !important
}

.btn-outline-secondary.active {
    color: #dddddd !important
}

.btn-outline-link {
    color: #fff !important;
    border-color: #fff;
    color: #00a4ff !important
}

.btn-outline-link:hover,
.btn-outline-link:focus,
.btn-outline-link:active,
.btn-outline-link:not(:disabled):not(.disabled).active,
.btn-outline-link:not(:disabled):not(.disabled):active {
    color: #ffffff !important;
    border-color: #fff !important;
    background-color: rgba(255, 255, 255, 0.2) !important
}

.btn-outline-link.active {
    color: #ffffff !important
}

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

.btn-outline-white:hover,
.btn-outline-white:focus,
.btn-outline-white:active,
.btn-outline-white:not(:disabled):not(.disabled).active,
.btn-outline-white:not(:disabled):not(.disabled):active {
    color: #ffffff !important;
    border-color: #fff !important;
    background-color: rgba(255, 255, 255, 0.2) !important
}

.btn-outline-white.active {
    color: #ffffff !important
}

.btn-outline-white:hover,
.btn-outline-white:focus,
.btn-outline-white:active {
    color: #00a4ff !important;
    background-color: #fff !important
}

.btn-outline-light {
    color: #666 !important;
    border-color: #666
}

.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light:active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active {
    color: #666666 !important;
    border-color: #666 !important;
    background-color: rgba(102, 102, 102, 0.2) !important
}

.btn-outline-light.active {
    color: #666666 !important
}

.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light:active {
    color: #00a4ff !important;
    background-color: #fff !important
}

.btn-gold-9 {
    color: #fff;
    background-color: rgba(0, 164, 255, 0.9);
    border-color: rgba(0, 164, 255, 0.9)
}

.btn-gold-9:hover,
.btn-gold-9:focus,
.btn-gold-9:active,
.btn-gold-9:not(:disabled):not(.disabled).active,
.btn-gold-9:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #1caeff;
    border-color: #1caeff
}

.btn-primary-9 {
    color: #fff;
    background-color: rgba(0, 164, 255, 0.9);
    border-color: rgba(0, 164, 255, 0.9)
}

.btn-primary-9:hover,
.btn-primary-9:focus,
.btn-primary-9:active,
.btn-primary-9:not(:disabled):not(.disabled).active,
.btn-primary-9:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #1caeff;
    border-color: #1caeff
}

.btn-success-9 {
    color: #ecfeef;
    background-color: rgba(9, 206, 44, 0.9);
    border-color: rgba(9, 206, 44, 0.9)
}

.btn-success-9:hover,
.btn-success-9:focus,
.btn-success-9:active,
.btn-success-9:not(:disabled):not(.disabled).active,
.btn-success-9:not(:disabled):not(.disabled):active {
    color: #ecfeef;
    background-color: #0ae832;
    border-color: #0ae832
}

.btn-info-9 {
    color: #fff;
    background-color: rgba(67, 183, 253, 0.9);
    border-color: rgba(67, 183, 253, 0.9)
}

.btn-info-9:hover,
.btn-info-9:focus,
.btn-info-9:active,
.btn-info-9:not(:disabled):not(.disabled).active,
.btn-info-9:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #5ec1fd;
    border-color: #5ec1fd
}

.btn-warning-9 {
    color: #fff;
    background-color: rgba(253, 132, 32, 0.9);
    border-color: rgba(253, 132, 32, 0.9)
}

.btn-warning-9:hover,
.btn-warning-9:focus,
.btn-warning-9:active,
.btn-warning-9:not(:disabled):not(.disabled).active,
.btn-warning-9:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #fd933b;
    border-color: #fd933b
}

.btn-gold-9 {
    color: #fff;
    background-color: rgba(253, 196, 134, 0.9);
    border-color: rgba(253, 196, 134, 0.9)
}

.btn-gold-9:hover,
.btn-gold-9:focus,
.btn-gold-9:active,
.btn-gold-9:not(:disabled):not(.disabled).active,
.btn-gold-9:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #fdd1a1;
    border-color: #fdd1a1
}

.btn-danger-9 {
    color: #fff;
    background-color: rgba(249, 50, 50, 0.9);
    border-color: rgba(249, 50, 50, 0.9)
}

.btn-danger-9:hover,
.btn-danger-9:focus,
.btn-danger-9:active,
.btn-danger-9:not(:disabled):not(.disabled).active,
.btn-danger-9:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #fa4d4d;
    border-color: #fa4d4d
}

.btn-light-9 {
    color: #fff;
    background-color: rgba(245, 245, 245, 0.9);
    border-color: rgba(245, 245, 245, 0.9);
    color: #666666 !important
}

.btn-light-9:hover,
.btn-light-9:focus,
.btn-light-9:active,
.btn-light-9:not(:disabled):not(.disabled).active,
.btn-light-9:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #fff;
    border-color: #fff
}

.btn-secondary-9 {
    color: #fff;
    background-color: rgba(221, 221, 221, 0.9);
    border-color: rgba(221, 221, 221, 0.9)
}

.btn-secondary-9:hover,
.btn-secondary-9:focus,
.btn-secondary-9:active,
.btn-secondary-9:not(:disabled):not(.disabled).active,
.btn-secondary-9:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #ebebeb;
    border-color: #ebebeb
}

.btn-dark-9 {
    color: #f0f0f0;
    background-color: rgba(102, 102, 102, 0.9);
    border-color: rgba(102, 102, 102, 0.9)
}

.btn-dark-9:hover,
.btn-dark-9:focus,
.btn-dark-9:active,
.btn-dark-9:not(:disabled):not(.disabled).active,
.btn-dark-9:not(:disabled):not(.disabled):active {
    color: #f0f0f0;
    background-color: #747474;
    border-color: #747474
}

.btn-gray-9 {
    color: #f0f0f0;
    background-color: rgba(102, 102, 102, 0.9);
    border-color: rgba(102, 102, 102, 0.9);
    color: #ffffff !important
}

.btn-gray-9:hover,
.btn-gray-9:focus,
.btn-gray-9:active,
.btn-gray-9:not(:disabled):not(.disabled).active,
.btn-gray-9:not(:disabled):not(.disabled):active {
    color: #f0f0f0;
    background-color: #747474;
    border-color: #747474
}

.btn-outline-gold-9 {
    color: #00a4ff !important;
    border-color: rgba(0, 164, 255, 0.9)
}

.btn-outline-gold-9:hover,
.btn-outline-gold-9:focus,
.btn-outline-gold-9:active,
.btn-outline-gold-9:not(:disabled):not(.disabled).active,
.btn-outline-gold-9:not(:disabled):not(.disabled):active {
    color: #00a4ff !important;
    border-color: rgba(0, 164, 255, 0.9) !important;
    background-color: rgba(0, 164, 255, 0.18) !important
}

.btn-outline-gold-9.active {
    color: #00a4ff !important
}

.btn-outline-primary-9 {
    color: #00a4ff !important;
    border-color: rgba(0, 164, 255, 0.9)
}

.btn-outline-primary-9:hover,
.btn-outline-primary-9:focus,
.btn-outline-primary-9:active,
.btn-outline-primary-9:not(:disabled):not(.disabled).active,
.btn-outline-primary-9:not(:disabled):not(.disabled):active {
    color: #00a4ff !important;
    border-color: rgba(0, 164, 255, 0.9) !important;
    background-color: rgba(0, 164, 255, 0.18) !important
}

.btn-outline-primary-9.active {
    color: #00a4ff !important
}

.btn-outline-success-9 {
    color: #09ce2c !important;
    border-color: rgba(9, 206, 44, 0.9)
}

.btn-outline-success-9:hover,
.btn-outline-success-9:focus,
.btn-outline-success-9:active,
.btn-outline-success-9:not(:disabled):not(.disabled).active,
.btn-outline-success-9:not(:disabled):not(.disabled):active {
    color: #09ce2c !important;
    border-color: rgba(9, 206, 44, 0.9) !important;
    background-color: rgba(9, 206, 44, 0.18) !important
}

.btn-outline-success-9.active {
    color: #09ce2c !important
}

.btn-outline-info-9 {
    color: #43b7fd !important;
    border-color: rgba(67, 183, 253, 0.9)
}

.btn-outline-info-9:hover,
.btn-outline-info-9:focus,
.btn-outline-info-9:active,
.btn-outline-info-9:not(:disabled):not(.disabled).active,
.btn-outline-info-9:not(:disabled):not(.disabled):active {
    color: #43b7fd !important;
    border-color: rgba(67, 183, 253, 0.9) !important;
    background-color: rgba(67, 183, 253, 0.18) !important
}

.btn-outline-info-9.active {
    color: #43b7fd !important
}

.btn-outline-gold-9 {
    color: #fdc486 !important;
    border-color: rgba(253, 196, 134, 0.9)
}

.btn-outline-gold-9:hover,
.btn-outline-gold-9:focus,
.btn-outline-gold-9:active,
.btn-outline-gold-9:not(:disabled):not(.disabled).active,
.btn-outline-gold-9:not(:disabled):not(.disabled):active {
    color: #fdc486 !important;
    border-color: rgba(253, 196, 134, 0.9) !important;
    background-color: rgba(253, 196, 134, 0.18) !important
}

.btn-outline-gold-9.active {
    color: #fdc486 !important
}

.btn-outline-warning-9 {
    color: #fd8420 !important;
    border-color: rgba(253, 132, 32, 0.9)
}

.btn-outline-warning-9:hover,
.btn-outline-warning-9:focus,
.btn-outline-warning-9:active,
.btn-outline-warning-9:not(:disabled):not(.disabled).active,
.btn-outline-warning-9:not(:disabled):not(.disabled):active {
    color: #FD8420 !important;
    border-color: rgba(253, 132, 32, 0.9) !important;
    background-color: rgba(253, 132, 32, 0.18) !important
}

.btn-outline-warning-9.active {
    color: #FD8420 !important
}

.btn-outline-danger-9 {
    color: #f93232 !important;
    border-color: rgba(249, 50, 50, 0.9)
}

.btn-outline-danger-9:hover,
.btn-outline-danger-9:focus,
.btn-outline-danger-9:active,
.btn-outline-danger-9:not(:disabled):not(.disabled).active,
.btn-outline-danger-9:not(:disabled):not(.disabled):active {
    color: #f93232 !important;
    border-color: rgba(249, 50, 50, 0.9) !important;
    background-color: rgba(249, 50, 50, 0.18) !important
}

.btn-outline-danger-9.active {
    color: #f93232 !important
}

.btn-outline-secondary-9 {
    color: #ddd !important;
    border-color: rgba(221, 221, 221, 0.9)
}

.btn-outline-secondary-9:hover,
.btn-outline-secondary-9:focus,
.btn-outline-secondary-9:active,
.btn-outline-secondary-9:not(:disabled):not(.disabled).active,
.btn-outline-secondary-9:not(:disabled):not(.disabled):active {
    color: #dddddd !important;
    border-color: rgba(221, 221, 221, 0.9) !important;
    background-color: rgba(221, 221, 221, 0.18) !important
}

.btn-outline-secondary-9.active {
    color: #dddddd !important
}

.btn-outline-dark-9 {
    color: #111 !important;
    border-color: rgba(17, 17, 17, 0.9)
}

.btn-outline-dark-9:hover,
.btn-outline-dark-9:focus,
.btn-outline-dark-9:active,
.btn-outline-dark-9:not(:disabled):not(.disabled).active,
.btn-outline-dark-9:not(:disabled):not(.disabled):active {
    color: #111111 !important;
    border-color: rgba(17, 17, 17, 0.9) !important;
    background-color: rgba(17, 17, 17, 0.18) !important
}

.btn-outline-dark-9.active {
    color: #111111 !important
}

.btn-outline-light-9 {
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.9)
}

.btn-outline-light-9:hover,
.btn-outline-light-9:focus,
.btn-outline-light-9:active,
.btn-outline-light-9:not(:disabled):not(.disabled).active,
.btn-outline-light-9:not(:disabled):not(.disabled):active {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.9) !important;
    background-color: rgba(255, 255, 255, 0.18) !important
}

.btn-outline-light-9.active {
    color: #ffffff !important
}

.btn-gold-8 {
    color: #f5fbff;
    background-color: rgba(0, 164, 255, 0.8);
    border-color: rgba(0, 164, 255, 0.8)
}

.btn-gold-8:hover,
.btn-gold-8:focus,
.btn-gold-8:active,
.btn-gold-8:not(:disabled):not(.disabled).active,
.btn-gold-8:not(:disabled):not(.disabled):active {
    color: #f5fbff;
    background-color: #18adff;
    border-color: #18adff
}

.btn-primary-8 {
    color: #f5fbff;
    background-color: rgba(0, 164, 255, 0.8);
    border-color: rgba(0, 164, 255, 0.8)
}

.btn-primary-8:hover,
.btn-primary-8:focus,
.btn-primary-8:active,
.btn-primary-8:not(:disabled):not(.disabled).active,
.btn-primary-8:not(:disabled):not(.disabled):active {
    color: #f5fbff;
    background-color: #18adff;
    border-color: #18adff
}

.btn-success-8 {
    color: #cffdd7;
    background-color: rgba(9, 206, 44, 0.8);
    border-color: rgba(9, 206, 44, 0.8)
}

.btn-success-8:hover,
.btn-success-8:focus,
.btn-success-8:active,
.btn-success-8:not(:disabled):not(.disabled).active,
.btn-success-8:not(:disabled):not(.disabled):active {
    color: #cffdd7;
    background-color: #0ae531;
    border-color: #0ae531
}

.btn-info-8 {
    color: #fff;
    background-color: rgba(67, 183, 253, 0.8);
    border-color: rgba(67, 183, 253, 0.8)
}

.btn-info-8:hover,
.btn-info-8:focus,
.btn-info-8:active,
.btn-info-8:not(:disabled):not(.disabled).active,
.btn-info-8:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #5bc0fd;
    border-color: #5bc0fd
}

.btn-warning-8 {
    color: #fff;
    background-color: rgba(253, 132, 32, 0.8);
    border-color: rgba(253, 132, 32, 0.8)
}

.btn-warning-8:hover,
.btn-warning-8:focus,
.btn-warning-8:active,
.btn-warning-8:not(:disabled):not(.disabled).active,
.btn-warning-8:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #fd9138;
    border-color: #fd9138
}

.btn-gold-8 {
    color: #fff;
    background-color: rgba(253, 196, 134, 0.8);
    border-color: rgba(253, 196, 134, 0.8)
}

.btn-gold-8:hover,
.btn-gold-8:focus,
.btn-gold-8:active,
.btn-gold-8:not(:disabled):not(.disabled).active,
.btn-gold-8:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #fdd09e;
    border-color: #fdd09e
}

.btn-danger-8 {
    color: #fff;
    background-color: rgba(249, 50, 50, 0.8);
    border-color: rgba(249, 50, 50, 0.8)
}

.btn-danger-8:hover,
.btn-danger-8:focus,
.btn-danger-8:active,
.btn-danger-8:not(:disabled):not(.disabled).active,
.btn-danger-8:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #fa4a4a;
    border-color: #fa4a4a
}

.btn-light-8 {
    color: #fff;
    background-color: rgba(245, 245, 245, 0.8);
    border-color: rgba(245, 245, 245, 0.8);
    color: #666666 !important
}

.btn-light-8:hover,
.btn-light-8:focus,
.btn-light-8:active,
.btn-light-8:not(:disabled):not(.disabled).active,
.btn-light-8:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #fff;
    border-color: #fff
}

.btn-secondary-8 {
    color: #fff;
    background-color: rgba(221, 221, 221, 0.8);
    border-color: rgba(221, 221, 221, 0.8)
}

.btn-secondary-8:hover,
.btn-secondary-8:focus,
.btn-secondary-8:active,
.btn-secondary-8:not(:disabled):not(.disabled).active,
.btn-secondary-8:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #e9e9e9;
    border-color: #e9e9e9
}

.btn-dark-8 {
    color: #e0e0e0;
    background-color: rgba(102, 102, 102, 0.8);
    border-color: rgba(102, 102, 102, 0.8)
}

.btn-dark-8:hover,
.btn-dark-8:focus,
.btn-dark-8:active,
.btn-dark-8:not(:disabled):not(.disabled).active,
.btn-dark-8:not(:disabled):not(.disabled):active {
    color: #e0e0e0;
    background-color: #727272;
    border-color: #727272
}

.btn-gray-8 {
    color: #e0e0e0;
    background-color: rgba(102, 102, 102, 0.8);
    border-color: rgba(102, 102, 102, 0.8);
    color: #ffffff !important
}

.btn-gray-8:hover,
.btn-gray-8:focus,
.btn-gray-8:active,
.btn-gray-8:not(:disabled):not(.disabled).active,
.btn-gray-8:not(:disabled):not(.disabled):active {
    color: #e0e0e0;
    background-color: #727272;
    border-color: #727272
}

.btn-outline-gold-8 {
    color: rgba(0, 164, 255, 0.9) !important;
    border-color: rgba(0, 164, 255, 0.8)
}

.btn-outline-gold-8:hover,
.btn-outline-gold-8:focus,
.btn-outline-gold-8:active,
.btn-outline-gold-8:not(:disabled):not(.disabled).active,
.btn-outline-gold-8:not(:disabled):not(.disabled):active {
    color: #00a4ff !important;
    border-color: rgba(0, 164, 255, 0.8) !important;
    background-color: rgba(0, 164, 255, 0.16) !important
}

.btn-outline-gold-8.active {
    color: #00a4ff !important
}

.btn-outline-primary-8 {
    color: rgba(0, 164, 255, 0.9) !important;
    border-color: rgba(0, 164, 255, 0.8)
}

.btn-outline-primary-8:hover,
.btn-outline-primary-8:focus,
.btn-outline-primary-8:active,
.btn-outline-primary-8:not(:disabled):not(.disabled).active,
.btn-outline-primary-8:not(:disabled):not(.disabled):active {
    color: #00a4ff !important;
    border-color: rgba(0, 164, 255, 0.8) !important;
    background-color: rgba(0, 164, 255, 0.16) !important
}

.btn-outline-primary-8.active {
    color: #00a4ff !important
}

.btn-outline-success-8 {
    color: rgba(9, 206, 44, 0.9) !important;
    border-color: rgba(9, 206, 44, 0.8)
}

.btn-outline-success-8:hover,
.btn-outline-success-8:focus,
.btn-outline-success-8:active,
.btn-outline-success-8:not(:disabled):not(.disabled).active,
.btn-outline-success-8:not(:disabled):not(.disabled):active {
    color: #09ce2c !important;
    border-color: rgba(9, 206, 44, 0.8) !important;
    background-color: rgba(9, 206, 44, 0.16) !important
}

.btn-outline-success-8.active {
    color: #09ce2c !important
}

.btn-outline-info-8 {
    color: rgba(67, 183, 253, 0.9) !important;
    border-color: rgba(67, 183, 253, 0.8)
}

.btn-outline-info-8:hover,
.btn-outline-info-8:focus,
.btn-outline-info-8:active,
.btn-outline-info-8:not(:disabled):not(.disabled).active,
.btn-outline-info-8:not(:disabled):not(.disabled):active {
    color: #43b7fd !important;
    border-color: rgba(67, 183, 253, 0.8) !important;
    background-color: rgba(67, 183, 253, 0.16) !important
}

.btn-outline-info-8.active {
    color: #43b7fd !important
}

.btn-outline-gold-8 {
    color: rgba(253, 196, 134, 0.9) !important;
    border-color: rgba(253, 196, 134, 0.8)
}

.btn-outline-gold-8:hover,
.btn-outline-gold-8:focus,
.btn-outline-gold-8:active,
.btn-outline-gold-8:not(:disabled):not(.disabled).active,
.btn-outline-gold-8:not(:disabled):not(.disabled):active {
    color: #fdc486 !important;
    border-color: rgba(253, 196, 134, 0.8) !important;
    background-color: rgba(253, 196, 134, 0.16) !important
}

.btn-outline-gold-8.active {
    color: #fdc486 !important
}

.btn-outline-warning-8 {
    color: rgba(253, 132, 32, 0.9) !important;
    border-color: rgba(253, 132, 32, 0.8)
}

.btn-outline-warning-8:hover,
.btn-outline-warning-8:focus,
.btn-outline-warning-8:active,
.btn-outline-warning-8:not(:disabled):not(.disabled).active,
.btn-outline-warning-8:not(:disabled):not(.disabled):active {
    color: #FD8420 !important;
    border-color: rgba(253, 132, 32, 0.8) !important;
    background-color: rgba(253, 132, 32, 0.16) !important
}

.btn-outline-warning-8.active {
    color: #FD8420 !important
}

.btn-outline-danger-8 {
    color: rgba(249, 50, 50, 0.9) !important;
    border-color: rgba(249, 50, 50, 0.8)
}

.btn-outline-danger-8:hover,
.btn-outline-danger-8:focus,
.btn-outline-danger-8:active,
.btn-outline-danger-8:not(:disabled):not(.disabled).active,
.btn-outline-danger-8:not(:disabled):not(.disabled):active {
    color: #f93232 !important;
    border-color: rgba(249, 50, 50, 0.8) !important;
    background-color: rgba(249, 50, 50, 0.16) !important
}

.btn-outline-danger-8.active {
    color: #f93232 !important
}

.btn-outline-secondary-8 {
    color: rgba(221, 221, 221, 0.9) !important;
    border-color: rgba(221, 221, 221, 0.8)
}

.btn-outline-secondary-8:hover,
.btn-outline-secondary-8:focus,
.btn-outline-secondary-8:active,
.btn-outline-secondary-8:not(:disabled):not(.disabled).active,
.btn-outline-secondary-8:not(:disabled):not(.disabled):active {
    color: #dddddd !important;
    border-color: rgba(221, 221, 221, 0.8) !important;
    background-color: rgba(221, 221, 221, 0.16) !important
}

.btn-outline-secondary-8.active {
    color: #dddddd !important
}

.btn-outline-dark-8 {
    color: rgba(17, 17, 17, 0.9) !important;
    border-color: rgba(17, 17, 17, 0.8)
}

.btn-outline-dark-8:hover,
.btn-outline-dark-8:focus,
.btn-outline-dark-8:active,
.btn-outline-dark-8:not(:disabled):not(.disabled).active,
.btn-outline-dark-8:not(:disabled):not(.disabled):active {
    color: #111111 !important;
    border-color: rgba(17, 17, 17, 0.8) !important;
    background-color: rgba(17, 17, 17, 0.16) !important
}

.btn-outline-dark-8.active {
    color: #111111 !important
}

.btn-outline-light-8 {
    color: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(255, 255, 255, 0.8)
}

.btn-outline-light-8:hover,
.btn-outline-light-8:focus,
.btn-outline-light-8:active,
.btn-outline-light-8:not(:disabled):not(.disabled).active,
.btn-outline-light-8:not(:disabled):not(.disabled):active {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.8) !important;
    background-color: rgba(255, 255, 255, 0.16) !important
}

.btn-outline-light-8.active {
    color: #ffffff !important
}

.btn-gold-7 {
    color: #d6f0ff;
    background-color: rgba(0, 164, 255, 0.7);
    border-color: rgba(0, 164, 255, 0.7)
}

.btn-gold-7:hover,
.btn-gold-7:focus,
.btn-gold-7:active,
.btn-gold-7:not(:disabled):not(.disabled).active,
.btn-gold-7:not(:disabled):not(.disabled):active {
    color: #d6f0ff;
    background-color: #15acff;
    border-color: #15acff
}

.btn-primary-7 {
    color: #d6f0ff;
    background-color: rgba(0, 164, 255, 0.7);
    border-color: rgba(0, 164, 255, 0.7)
}

.btn-primary-7:hover,
.btn-primary-7:focus,
.btn-primary-7:active,
.btn-primary-7:not(:disabled):not(.disabled).active,
.btn-primary-7:not(:disabled):not(.disabled):active {
    color: #d6f0ff;
    background-color: #15acff;
    border-color: #15acff
}

.btn-success-7 {
    color: #b2fcbf;
    background-color: rgba(9, 206, 44, 0.7);
    border-color: rgba(9, 206, 44, 0.7)
}

.btn-success-7:hover,
.btn-success-7:focus,
.btn-success-7:active,
.btn-success-7:not(:disabled):not(.disabled).active,
.btn-success-7:not(:disabled):not(.disabled):active {
    color: #b2fcbf;
    background-color: #0ae330;
    border-color: #0ae330
}

.btn-info-7 {
    color: #fff;
    background-color: rgba(67, 183, 253, 0.7);
    border-color: rgba(67, 183, 253, 0.7)
}

.btn-info-7:hover,
.btn-info-7:focus,
.btn-info-7:active,
.btn-info-7:not(:disabled):not(.disabled).active,
.btn-info-7:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #58bffd;
    border-color: #58bffd
}

.btn-warning-7 {
    color: #fff9f4;
    background-color: rgba(253, 132, 32, 0.7);
    border-color: rgba(253, 132, 32, 0.7)
}

.btn-warning-7:hover,
.btn-warning-7:focus,
.btn-warning-7:active,
.btn-warning-7:not(:disabled):not(.disabled).active,
.btn-warning-7:not(:disabled):not(.disabled):active {
    color: #fff9f4;
    background-color: #fd9035;
    border-color: #fd9035
}

.btn-gold-7 {
    color: #fff;
    background-color: rgba(253, 196, 134, 0.7);
    border-color: rgba(253, 196, 134, 0.7)
}

.btn-gold-7:hover,
.btn-gold-7:focus,
.btn-gold-7:active,
.btn-gold-7:not(:disabled):not(.disabled).active,
.btn-gold-7:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #fdce9b;
    border-color: #fdce9b
}

.btn-danger-7 {
    color: #fff;
    background-color: rgba(249, 50, 50, 0.7);
    border-color: rgba(249, 50, 50, 0.7)
}

.btn-danger-7:hover,
.btn-danger-7:focus,
.btn-danger-7:active,
.btn-danger-7:not(:disabled):not(.disabled).active,
.btn-danger-7:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #fa4747;
    border-color: #fa4747
}

.btn-light-7 {
    color: #fff;
    background-color: rgba(245, 245, 245, 0.7);
    border-color: rgba(245, 245, 245, 0.7);
    color: #666666 !important
}

.btn-light-7:hover,
.btn-light-7:focus,
.btn-light-7:active,
.btn-light-7:not(:disabled):not(.disabled).active,
.btn-light-7:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #fff;
    border-color: #fff
}

.btn-secondary-7 {
    color: #fff;
    background-color: rgba(221, 221, 221, 0.7);
    border-color: rgba(221, 221, 221, 0.7)
}

.btn-secondary-7:hover,
.btn-secondary-7:focus,
.btn-secondary-7:active,
.btn-secondary-7:not(:disabled):not(.disabled).active,
.btn-secondary-7:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #e8e8e8;
    border-color: #e8e8e8
}

.btn-dark-7 {
    color: #d1d1d1;
    background-color: rgba(102, 102, 102, 0.7);
    border-color: rgba(102, 102, 102, 0.7)
}

.btn-dark-7:hover,
.btn-dark-7:focus,
.btn-dark-7:active,
.btn-dark-7:not(:disabled):not(.disabled).active,
.btn-dark-7:not(:disabled):not(.disabled):active {
    color: #d1d1d1;
    background-color: #717171;
    border-color: #717171
}

.btn-gray-7 {
    color: #d1d1d1;
    background-color: rgba(102, 102, 102, 0.7);
    border-color: rgba(102, 102, 102, 0.7);
    color: #ffffff !important
}

.btn-gray-7:hover,
.btn-gray-7:focus,
.btn-gray-7:active,
.btn-gray-7:not(:disabled):not(.disabled).active,
.btn-gray-7:not(:disabled):not(.disabled):active {
    color: #d1d1d1;
    background-color: #717171;
    border-color: #717171
}

.btn-outline-gold-7 {
    color: rgba(0, 164, 255, 0.8) !important;
    border-color: rgba(0, 164, 255, 0.7)
}

.btn-outline-gold-7:hover,
.btn-outline-gold-7:focus,
.btn-outline-gold-7:active,
.btn-outline-gold-7:not(:disabled):not(.disabled).active,
.btn-outline-gold-7:not(:disabled):not(.disabled):active {
    color: #00a4ff !important;
    border-color: rgba(0, 164, 255, 0.7) !important;
    background-color: rgba(0, 164, 255, 0.14) !important
}

.btn-outline-gold-7.active {
    color: #00a4ff !important
}

.btn-outline-primary-7 {
    color: rgba(0, 164, 255, 0.8) !important;
    border-color: rgba(0, 164, 255, 0.7)
}

.btn-outline-primary-7:hover,
.btn-outline-primary-7:focus,
.btn-outline-primary-7:active,
.btn-outline-primary-7:not(:disabled):not(.disabled).active,
.btn-outline-primary-7:not(:disabled):not(.disabled):active {
    color: #00a4ff !important;
    border-color: rgba(0, 164, 255, 0.7) !important;
    background-color: rgba(0, 164, 255, 0.14) !important
}

.btn-outline-primary-7.active {
    color: #00a4ff !important
}

.btn-outline-success-7 {
    color: rgba(9, 206, 44, 0.8) !important;
    border-color: rgba(9, 206, 44, 0.7)
}

.btn-outline-success-7:hover,
.btn-outline-success-7:focus,
.btn-outline-success-7:active,
.btn-outline-success-7:not(:disabled):not(.disabled).active,
.btn-outline-success-7:not(:disabled):not(.disabled):active {
    color: #09ce2c !important;
    border-color: rgba(9, 206, 44, 0.7) !important;
    background-color: rgba(9, 206, 44, 0.14) !important
}

.btn-outline-success-7.active {
    color: #09ce2c !important
}

.btn-outline-info-7 {
    color: rgba(67, 183, 253, 0.8) !important;
    border-color: rgba(67, 183, 253, 0.7)
}

.btn-outline-info-7:hover,
.btn-outline-info-7:focus,
.btn-outline-info-7:active,
.btn-outline-info-7:not(:disabled):not(.disabled).active,
.btn-outline-info-7:not(:disabled):not(.disabled):active {
    color: #43b7fd !important;
    border-color: rgba(67, 183, 253, 0.7) !important;
    background-color: rgba(67, 183, 253, 0.14) !important
}

.btn-outline-info-7.active {
    color: #43b7fd !important
}

.btn-outline-gold-7 {
    color: rgba(253, 196, 134, 0.8) !important;
    border-color: rgba(253, 196, 134, 0.7)
}

.btn-outline-gold-7:hover,
.btn-outline-gold-7:focus,
.btn-outline-gold-7:active,
.btn-outline-gold-7:not(:disabled):not(.disabled).active,
.btn-outline-gold-7:not(:disabled):not(.disabled):active {
    color: #fdc486 !important;
    border-color: rgba(253, 196, 134, 0.7) !important;
    background-color: rgba(253, 196, 134, 0.14) !important
}

.btn-outline-gold-7.active {
    color: #fdc486 !important
}

.btn-outline-warning-7 {
    color: rgba(253, 132, 32, 0.8) !important;
    border-color: rgba(253, 132, 32, 0.7)
}

.btn-outline-warning-7:hover,
.btn-outline-warning-7:focus,
.btn-outline-warning-7:active,
.btn-outline-warning-7:not(:disabled):not(.disabled).active,
.btn-outline-warning-7:not(:disabled):not(.disabled):active {
    color: #FD8420 !important;
    border-color: rgba(253, 132, 32, 0.7) !important;
    background-color: rgba(253, 132, 32, 0.14) !important
}

.btn-outline-warning-7.active {
    color: #FD8420 !important
}

.btn-outline-danger-7 {
    color: rgba(249, 50, 50, 0.8) !important;
    border-color: rgba(249, 50, 50, 0.7)
}

.btn-outline-danger-7:hover,
.btn-outline-danger-7:focus,
.btn-outline-danger-7:active,
.btn-outline-danger-7:not(:disabled):not(.disabled).active,
.btn-outline-danger-7:not(:disabled):not(.disabled):active {
    color: #f93232 !important;
    border-color: rgba(249, 50, 50, 0.7) !important;
    background-color: rgba(249, 50, 50, 0.14) !important
}

.btn-outline-danger-7.active {
    color: #f93232 !important
}

.btn-outline-secondary-7 {
    color: rgba(221, 221, 221, 0.8) !important;
    border-color: rgba(221, 221, 221, 0.7)
}

.btn-outline-secondary-7:hover,
.btn-outline-secondary-7:focus,
.btn-outline-secondary-7:active,
.btn-outline-secondary-7:not(:disabled):not(.disabled).active,
.btn-outline-secondary-7:not(:disabled):not(.disabled):active {
    color: #dddddd !important;
    border-color: rgba(221, 221, 221, 0.7) !important;
    background-color: rgba(221, 221, 221, 0.14) !important
}

.btn-outline-secondary-7.active {
    color: #dddddd !important
}

.btn-outline-dark-7 {
    color: rgba(17, 17, 17, 0.8) !important;
    border-color: rgba(17, 17, 17, 0.7)
}

.btn-outline-dark-7:hover,
.btn-outline-dark-7:focus,
.btn-outline-dark-7:active,
.btn-outline-dark-7:not(:disabled):not(.disabled).active,
.btn-outline-dark-7:not(:disabled):not(.disabled):active {
    color: #111111 !important;
    border-color: rgba(17, 17, 17, 0.7) !important;
    background-color: rgba(17, 17, 17, 0.14) !important
}

.btn-outline-dark-7.active {
    color: #111111 !important
}

.btn-outline-light-7 {
    color: rgba(255, 255, 255, 0.8) !important;
    border-color: rgba(255, 255, 255, 0.7)
}

.btn-outline-light-7:hover,
.btn-outline-light-7:focus,
.btn-outline-light-7:active,
.btn-outline-light-7:not(:disabled):not(.disabled).active,
.btn-outline-light-7:not(:disabled):not(.disabled):active {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.7) !important;
    background-color: rgba(255, 255, 255, 0.14) !important
}

.btn-outline-light-7.active {
    color: #ffffff !important
}

.btn-gold-6 {
    color: #b8e6ff;
    background-color: rgba(0, 164, 255, 0.6);
    border-color: rgba(0, 164, 255, 0.6)
}

.btn-gold-6:hover,
.btn-gold-6:focus,
.btn-gold-6:active,
.btn-gold-6:not(:disabled):not(.disabled).active,
.btn-gold-6:not(:disabled):not(.disabled):active {
    color: #b8e6ff;
    background-color: #12abff;
    border-color: #12abff
}

.btn-primary-6 {
    color: #b8e6ff;
    background-color: rgba(0, 164, 255, 0.6);
    border-color: rgba(0, 164, 255, 0.6)
}

.btn-primary-6:hover,
.btn-primary-6:focus,
.btn-primary-6:active,
.btn-primary-6:not(:disabled):not(.disabled).active,
.btn-primary-6:not(:disabled):not(.disabled):active {
    color: #b8e6ff;
    background-color: #12abff;
    border-color: #12abff
}

.btn-success-6 {
    color: #94faa6;
    background-color: rgba(9, 206, 44, 0.6);
    border-color: rgba(9, 206, 44, 0.6)
}

.btn-success-6:hover,
.btn-success-6:focus,
.btn-success-6:active,
.btn-success-6:not(:disabled):not(.disabled).active,
.btn-success-6:not(:disabled):not(.disabled):active {
    color: #94faa6;
    background-color: #0ae030;
    border-color: #0ae030
}

.btn-info-6 {
    color: #f9fdff;
    background-color: rgba(67, 183, 253, 0.6);
    border-color: rgba(67, 183, 253, 0.6)
}

.btn-info-6:hover,
.btn-info-6:focus,
.btn-info-6:active,
.btn-info-6:not(:disabled):not(.disabled).active,
.btn-info-6:not(:disabled):not(.disabled):active {
    color: #f9fdff;
    background-color: #55befd;
    border-color: #55befd
}

.btn-warning-6 {
    color: #ffe8d6;
    background-color: rgba(253, 132, 32, 0.6);
    border-color: rgba(253, 132, 32, 0.6)
}

.btn-warning-6:hover,
.btn-warning-6:focus,
.btn-warning-6:active,
.btn-warning-6:not(:disabled):not(.disabled).active,
.btn-warning-6:not(:disabled):not(.disabled):active {
    color: #ffe8d6;
    background-color: #fd8e32;
    border-color: #fd8e32
}

.btn-gold-6 {
    color: #fff;
    background-color: rgba(253, 196, 134, 0.6);
    border-color: rgba(253, 196, 134, 0.6)
}

.btn-gold-6:hover,
.btn-gold-6:focus,
.btn-gold-6:active,
.btn-gold-6:not(:disabled):not(.disabled).active,
.btn-gold-6:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #fdcd98;
    border-color: #fdcd98
}

.btn-danger-6 {
    color: #fee4e4;
    background-color: rgba(249, 50, 50, 0.6);
    border-color: rgba(249, 50, 50, 0.6)
}

.btn-danger-6:hover,
.btn-danger-6:focus,
.btn-danger-6:active,
.btn-danger-6:not(:disabled):not(.disabled).active,
.btn-danger-6:not(:disabled):not(.disabled):active {
    color: #fee4e4;
    background-color: #fa4444;
    border-color: #fa4444
}

.btn-light-6 {
    color: #fff;
    background-color: rgba(245, 245, 245, 0.6);
    border-color: rgba(245, 245, 245, 0.6);
    color: #666666 !important
}

.btn-light-6:hover,
.btn-light-6:focus,
.btn-light-6:active,
.btn-light-6:not(:disabled):not(.disabled).active,
.btn-light-6:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #fefefe;
    border-color: #fefefe
}

.btn-secondary-6 {
    color: #fff;
    background-color: rgba(221, 221, 221, 0.6);
    border-color: rgba(221, 221, 221, 0.6)
}

.btn-secondary-6:hover,
.btn-secondary-6:focus,
.btn-secondary-6:active,
.btn-secondary-6:not(:disabled):not(.disabled).active,
.btn-secondary-6:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #e6e6e6;
    border-color: #e6e6e6
}

.btn-dark-6 {
    color: #c2c2c2;
    background-color: rgba(102, 102, 102, 0.6);
    border-color: rgba(102, 102, 102, 0.6)
}

.btn-dark-6:hover,
.btn-dark-6:focus,
.btn-dark-6:active,
.btn-dark-6:not(:disabled):not(.disabled).active,
.btn-dark-6:not(:disabled):not(.disabled):active {
    color: #c2c2c2;
    background-color: #6f6f6f;
    border-color: #6f6f6f
}

.btn-gray-6 {
    color: #c2c2c2;
    background-color: rgba(102, 102, 102, 0.6);
    border-color: rgba(102, 102, 102, 0.6);
    color: #ffffff !important
}

.btn-gray-6:hover,
.btn-gray-6:focus,
.btn-gray-6:active,
.btn-gray-6:not(:disabled):not(.disabled).active,
.btn-gray-6:not(:disabled):not(.disabled):active {
    color: #c2c2c2;
    background-color: #6f6f6f;
    border-color: #6f6f6f
}

.btn-outline-gold-6 {
    color: rgba(0, 164, 255, 0.7) !important;
    border-color: rgba(0, 164, 255, 0.6)
}

.btn-outline-gold-6:hover,
.btn-outline-gold-6:focus,
.btn-outline-gold-6:active,
.btn-outline-gold-6:not(:disabled):not(.disabled).active,
.btn-outline-gold-6:not(:disabled):not(.disabled):active {
    color: #00a4ff !important;
    border-color: rgba(0, 164, 255, 0.6) !important;
    background-color: rgba(0, 164, 255, 0.12) !important
}

.btn-outline-gold-6.active {
    color: #00a4ff !important
}

.btn-outline-primary-6 {
    color: rgba(0, 164, 255, 0.7) !important;
    border-color: rgba(0, 164, 255, 0.6)
}

.btn-outline-primary-6:hover,
.btn-outline-primary-6:focus,
.btn-outline-primary-6:active,
.btn-outline-primary-6:not(:disabled):not(.disabled).active,
.btn-outline-primary-6:not(:disabled):not(.disabled):active {
    color: #00a4ff !important;
    border-color: rgba(0, 164, 255, 0.6) !important;
    background-color: rgba(0, 164, 255, 0.12) !important
}

.btn-outline-primary-6.active {
    color: #00a4ff !important
}

.btn-outline-success-6 {
    color: rgba(9, 206, 44, 0.7) !important;
    border-color: rgba(9, 206, 44, 0.6)
}

.btn-outline-success-6:hover,
.btn-outline-success-6:focus,
.btn-outline-success-6:active,
.btn-outline-success-6:not(:disabled):not(.disabled).active,
.btn-outline-success-6:not(:disabled):not(.disabled):active {
    color: #09ce2c !important;
    border-color: rgba(9, 206, 44, 0.6) !important;
    background-color: rgba(9, 206, 44, 0.12) !important
}

.btn-outline-success-6.active {
    color: #09ce2c !important
}

.btn-outline-info-6 {
    color: rgba(67, 183, 253, 0.7) !important;
    border-color: rgba(67, 183, 253, 0.6)
}

.btn-outline-info-6:hover,
.btn-outline-info-6:focus,
.btn-outline-info-6:active,
.btn-outline-info-6:not(:disabled):not(.disabled).active,
.btn-outline-info-6:not(:disabled):not(.disabled):active {
    color: #43b7fd !important;
    border-color: rgba(67, 183, 253, 0.6) !important;
    background-color: rgba(67, 183, 253, 0.12) !important
}

.btn-outline-info-6.active {
    color: #43b7fd !important
}

.btn-outline-gold-6 {
    color: rgba(253, 196, 134, 0.7) !important;
    border-color: rgba(253, 196, 134, 0.6)
}

.btn-outline-gold-6:hover,
.btn-outline-gold-6:focus,
.btn-outline-gold-6:active,
.btn-outline-gold-6:not(:disabled):not(.disabled).active,
.btn-outline-gold-6:not(:disabled):not(.disabled):active {
    color: #fdc486 !important;
    border-color: rgba(253, 196, 134, 0.6) !important;
    background-color: rgba(253, 196, 134, 0.12) !important
}

.btn-outline-gold-6.active {
    color: #fdc486 !important
}

.btn-outline-warning-6 {
    color: rgba(253, 132, 32, 0.7) !important;
    border-color: rgba(253, 132, 32, 0.6)
}

.btn-outline-warning-6:hover,
.btn-outline-warning-6:focus,
.btn-outline-warning-6:active,
.btn-outline-warning-6:not(:disabled):not(.disabled).active,
.btn-outline-warning-6:not(:disabled):not(.disabled):active {
    color: #FD8420 !important;
    border-color: rgba(253, 132, 32, 0.6) !important;
    background-color: rgba(253, 132, 32, 0.12) !important
}

.btn-outline-warning-6.active {
    color: #FD8420 !important
}

.btn-outline-danger-6 {
    color: rgba(249, 50, 50, 0.7) !important;
    border-color: rgba(249, 50, 50, 0.6)
}

.btn-outline-danger-6:hover,
.btn-outline-danger-6:focus,
.btn-outline-danger-6:active,
.btn-outline-danger-6:not(:disabled):not(.disabled).active,
.btn-outline-danger-6:not(:disabled):not(.disabled):active {
    color: #f93232 !important;
    border-color: rgba(249, 50, 50, 0.6) !important;
    background-color: rgba(249, 50, 50, 0.12) !important
}

.btn-outline-danger-6.active {
    color: #f93232 !important
}

.btn-outline-secondary-6 {
    color: rgba(221, 221, 221, 0.7) !important;
    border-color: rgba(221, 221, 221, 0.6)
}

.btn-outline-secondary-6:hover,
.btn-outline-secondary-6:focus,
.btn-outline-secondary-6:active,
.btn-outline-secondary-6:not(:disabled):not(.disabled).active,
.btn-outline-secondary-6:not(:disabled):not(.disabled):active {
    color: #dddddd !important;
    border-color: rgba(221, 221, 221, 0.6) !important;
    background-color: rgba(221, 221, 221, 0.12) !important
}

.btn-outline-secondary-6.active {
    color: #dddddd !important
}

.btn-outline-dark-6 {
    color: rgba(17, 17, 17, 0.7) !important;
    border-color: rgba(17, 17, 17, 0.6)
}

.btn-outline-dark-6:hover,
.btn-outline-dark-6:focus,
.btn-outline-dark-6:active,
.btn-outline-dark-6:not(:disabled):not(.disabled).active,
.btn-outline-dark-6:not(:disabled):not(.disabled):active {
    color: #111111 !important;
    border-color: rgba(17, 17, 17, 0.6) !important;
    background-color: rgba(17, 17, 17, 0.12) !important
}

.btn-outline-dark-6.active {
    color: #111111 !important
}

.btn-outline-light-6 {
    color: rgba(255, 255, 255, 0.7) !important;
    border-color: rgba(255, 255, 255, 0.6)
}

.btn-outline-light-6:hover,
.btn-outline-light-6:focus,
.btn-outline-light-6:active,
.btn-outline-light-6:not(:disabled):not(.disabled).active,
.btn-outline-light-6:not(:disabled):not(.disabled):active {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.6) !important;
    background-color: rgba(255, 255, 255, 0.12) !important
}

.btn-outline-light-6.active {
    color: #ffffff !important
}

.btn-gold-5 {
    color: #99dbff;
    background-color: rgba(0, 164, 255, 0.5);
    border-color: rgba(0, 164, 255, 0.5)
}

.btn-gold-5:hover,
.btn-gold-5:focus,
.btn-gold-5:active,
.btn-gold-5:not(:disabled):not(.disabled).active,
.btn-gold-5:not(:disabled):not(.disabled):active {
    color: #99dbff;
    background-color: #0fa9ff;
    border-color: #0fa9ff
}

.btn-primary-5 {
    color: #99dbff;
    background-color: rgba(0, 164, 255, 0.5);
    border-color: rgba(0, 164, 255, 0.5)
}

.btn-primary-5:hover,
.btn-primary-5:focus,
.btn-primary-5:active,
.btn-primary-5:not(:disabled):not(.disabled).active,
.btn-primary-5:not(:disabled):not(.disabled):active {
    color: #99dbff;
    background-color: #0fa9ff;
    border-color: #0fa9ff
}

.btn-success-5 {
    color: #77f98e;
    background-color: rgba(9, 206, 44, 0.5);
    border-color: rgba(9, 206, 44, 0.5)
}

.btn-success-5:hover,
.btn-success-5:focus,
.btn-success-5:active,
.btn-success-5:not(:disabled):not(.disabled).active,
.btn-success-5:not(:disabled):not(.disabled):active {
    color: #77f98e;
    background-color: #0add2f;
    border-color: #0add2f
}

.btn-info-5 {
    color: #daf1ff;
    background-color: rgba(67, 183, 253, 0.5);
    border-color: rgba(67, 183, 253, 0.5)
}

.btn-info-5:hover,
.btn-info-5:focus,
.btn-info-5:active,
.btn-info-5:not(:disabled):not(.disabled).active,
.btn-info-5:not(:disabled):not(.disabled):active {
    color: #daf1ff;
    background-color: #52bdfd;
    border-color: #52bdfd
}

.btn-warning-5 {
    color: #fed8b8;
    background-color: rgba(253, 132, 32, 0.5);
    border-color: rgba(253, 132, 32, 0.5)
}

.btn-warning-5:hover,
.btn-warning-5:focus,
.btn-warning-5:active,
.btn-warning-5:not(:disabled):not(.disabled).active,
.btn-warning-5:not(:disabled):not(.disabled):active {
    color: #fed8b8;
    background-color: #fd8c2f;
    border-color: #fd8c2f
}

.btn-gold-5 {
    color: #fff;
    background-color: rgba(253, 196, 134, 0.5);
    border-color: rgba(253, 196, 134, 0.5)
}

.btn-gold-5:hover,
.btn-gold-5:focus,
.btn-gold-5:active,
.btn-gold-5:not(:disabled):not(.disabled).active,
.btn-gold-5:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #fdcb95;
    border-color: #fdcb95
}

.btn-danger-5 {
    color: #fdc7c7;
    background-color: rgba(249, 50, 50, 0.5);
    border-color: rgba(249, 50, 50, 0.5)
}

.btn-danger-5:hover,
.btn-danger-5:focus,
.btn-danger-5:active,
.btn-danger-5:not(:disabled):not(.disabled).active,
.btn-danger-5:not(:disabled):not(.disabled):active {
    color: #fdc7c7;
    background-color: #f94141;
    border-color: #f94141
}

.btn-light-5 {
    color: #fff;
    background-color: rgba(245, 245, 245, 0.5);
    border-color: rgba(245, 245, 245, 0.5);
    color: #666666 !important
}

.btn-light-5:hover,
.btn-light-5:focus,
.btn-light-5:active,
.btn-light-5:not(:disabled):not(.disabled).active,
.btn-light-5:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #fdfdfd;
    border-color: #fdfdfd
}

.btn-secondary-5 {
    color: #fff;
    background-color: rgba(221, 221, 221, 0.5);
    border-color: rgba(221, 221, 221, 0.5)
}

.btn-secondary-5:hover,
.btn-secondary-5:focus,
.btn-secondary-5:active,
.btn-secondary-5:not(:disabled):not(.disabled).active,
.btn-secondary-5:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #e5e5e5;
    border-color: #e5e5e5
}

.btn-dark-5 {
    color: #b3b3b3;
    background-color: rgba(102, 102, 102, 0.5);
    border-color: rgba(102, 102, 102, 0.5)
}

.btn-dark-5:hover,
.btn-dark-5:focus,
.btn-dark-5:active,
.btn-dark-5:not(:disabled):not(.disabled).active,
.btn-dark-5:not(:disabled):not(.disabled):active {
    color: #b3b3b3;
    background-color: #6e6e6e;
    border-color: #6e6e6e
}

.btn-gray-5 {
    color: #b3b3b3;
    background-color: rgba(102, 102, 102, 0.5);
    border-color: rgba(102, 102, 102, 0.5);
    color: #ffffff !important
}

.btn-gray-5:hover,
.btn-gray-5:focus,
.btn-gray-5:active,
.btn-gray-5:not(:disabled):not(.disabled).active,
.btn-gray-5:not(:disabled):not(.disabled):active {
    color: #b3b3b3;
    background-color: #6e6e6e;
    border-color: #6e6e6e
}

.btn-outline-gold-5 {
    color: rgba(0, 164, 255, 0.6) !important;
    border-color: rgba(0, 164, 255, 0.5)
}

.btn-outline-gold-5:hover,
.btn-outline-gold-5:focus,
.btn-outline-gold-5:active,
.btn-outline-gold-5:not(:disabled):not(.disabled).active,
.btn-outline-gold-5:not(:disabled):not(.disabled):active {
    color: #00a4ff !important;
    border-color: rgba(0, 164, 255, 0.5) !important;
    background-color: rgba(0, 164, 255, 0.1) !important
}

.btn-outline-gold-5.active {
    color: #00a4ff !important
}

.btn-outline-primary-5 {
    color: rgba(0, 164, 255, 0.6) !important;
    border-color: rgba(0, 164, 255, 0.5)
}

.btn-outline-primary-5:hover,
.btn-outline-primary-5:focus,
.btn-outline-primary-5:active,
.btn-outline-primary-5:not(:disabled):not(.disabled).active,
.btn-outline-primary-5:not(:disabled):not(.disabled):active {
    color: #00a4ff !important;
    border-color: rgba(0, 164, 255, 0.5) !important;
    background-color: rgba(0, 164, 255, 0.1) !important
}

.btn-outline-primary-5.active {
    color: #00a4ff !important
}

.btn-outline-success-5 {
    color: rgba(9, 206, 44, 0.6) !important;
    border-color: rgba(9, 206, 44, 0.5)
}

.btn-outline-success-5:hover,
.btn-outline-success-5:focus,
.btn-outline-success-5:active,
.btn-outline-success-5:not(:disabled):not(.disabled).active,
.btn-outline-success-5:not(:disabled):not(.disabled):active {
    color: #09ce2c !important;
    border-color: rgba(9, 206, 44, 0.5) !important;
    background-color: rgba(9, 206, 44, 0.1) !important
}

.btn-outline-success-5.active {
    color: #09ce2c !important
}

.btn-outline-info-5 {
    color: rgba(67, 183, 253, 0.6) !important;
    border-color: rgba(67, 183, 253, 0.5)
}

.btn-outline-info-5:hover,
.btn-outline-info-5:focus,
.btn-outline-info-5:active,
.btn-outline-info-5:not(:disabled):not(.disabled).active,
.btn-outline-info-5:not(:disabled):not(.disabled):active {
    color: #43b7fd !important;
    border-color: rgba(67, 183, 253, 0.5) !important;
    background-color: rgba(67, 183, 253, 0.1) !important
}

.btn-outline-info-5.active {
    color: #43b7fd !important
}

.btn-outline-gold-5 {
    color: rgba(253, 196, 134, 0.6) !important;
    border-color: rgba(253, 196, 134, 0.5)
}

.btn-outline-gold-5:hover,
.btn-outline-gold-5:focus,
.btn-outline-gold-5:active,
.btn-outline-gold-5:not(:disabled):not(.disabled).active,
.btn-outline-gold-5:not(:disabled):not(.disabled):active {
    color: #fdc486 !important;
    border-color: rgba(253, 196, 134, 0.5) !important;
    background-color: rgba(253, 196, 134, 0.1) !important
}

.btn-outline-gold-5.active {
    color: #fdc486 !important
}

.btn-outline-warning-5 {
    color: rgba(253, 132, 32, 0.6) !important;
    border-color: rgba(253, 132, 32, 0.5)
}

.btn-outline-warning-5:hover,
.btn-outline-warning-5:focus,
.btn-outline-warning-5:active,
.btn-outline-warning-5:not(:disabled):not(.disabled).active,
.btn-outline-warning-5:not(:disabled):not(.disabled):active {
    color: #FD8420 !important;
    border-color: rgba(253, 132, 32, 0.5) !important;
    background-color: rgba(253, 132, 32, 0.1) !important
}

.btn-outline-warning-5.active {
    color: #FD8420 !important
}

.btn-outline-danger-5 {
    color: rgba(249, 50, 50, 0.6) !important;
    border-color: rgba(249, 50, 50, 0.5)
}

.btn-outline-danger-5:hover,
.btn-outline-danger-5:focus,
.btn-outline-danger-5:active,
.btn-outline-danger-5:not(:disabled):not(.disabled).active,
.btn-outline-danger-5:not(:disabled):not(.disabled):active {
    color: #f93232 !important;
    border-color: rgba(249, 50, 50, 0.5) !important;
    background-color: rgba(249, 50, 50, 0.1) !important
}

.btn-outline-danger-5.active {
    color: #f93232 !important
}

.btn-outline-secondary-5 {
    color: rgba(221, 221, 221, 0.6) !important;
    border-color: rgba(221, 221, 221, 0.5)
}

.btn-outline-secondary-5:hover,
.btn-outline-secondary-5:focus,
.btn-outline-secondary-5:active,
.btn-outline-secondary-5:not(:disabled):not(.disabled).active,
.btn-outline-secondary-5:not(:disabled):not(.disabled):active {
    color: #dddddd !important;
    border-color: rgba(221, 221, 221, 0.5) !important;
    background-color: rgba(221, 221, 221, 0.1) !important
}

.btn-outline-secondary-5.active {
    color: #dddddd !important
}

.btn-outline-dark-5 {
    color: rgba(17, 17, 17, 0.6) !important;
    border-color: rgba(17, 17, 17, 0.5)
}

.btn-outline-dark-5:hover,
.btn-outline-dark-5:focus,
.btn-outline-dark-5:active,
.btn-outline-dark-5:not(:disabled):not(.disabled).active,
.btn-outline-dark-5:not(:disabled):not(.disabled):active {
    color: #111111 !important;
    border-color: rgba(17, 17, 17, 0.5) !important;
    background-color: rgba(17, 17, 17, 0.1) !important
}

.btn-outline-dark-5.active {
    color: #111111 !important
}

.btn-outline-light-5 {
    color: rgba(255, 255, 255, 0.6) !important;
    border-color: rgba(255, 255, 255, 0.5)
}

.btn-outline-light-5:hover,
.btn-outline-light-5:focus,
.btn-outline-light-5:active,
.btn-outline-light-5:not(:disabled):not(.disabled).active,
.btn-outline-light-5:not(:disabled):not(.disabled):active {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    background-color: rgba(255, 255, 255, 0.1) !important
}

.btn-outline-light-5.active {
    color: #ffffff !important
}

.btn-gold-4 {
    color: #7ad0ff;
    background-color: rgba(0, 164, 255, 0.4);
    border-color: rgba(0, 164, 255, 0.4)
}

.btn-gold-4:hover,
.btn-gold-4:focus,
.btn-gold-4:active,
.btn-gold-4:not(:disabled):not(.disabled).active,
.btn-gold-4:not(:disabled):not(.disabled):active {
    color: #7ad0ff;
    background-color: #0ca8ff;
    border-color: #0ca8ff
}

.btn-primary-4 {
    color: #7ad0ff;
    background-color: rgba(0, 164, 255, 0.4);
    border-color: rgba(0, 164, 255, 0.4)
}

.btn-primary-4:hover,
.btn-primary-4:focus,
.btn-primary-4:active,
.btn-primary-4:not(:disabled):not(.disabled).active,
.btn-primary-4:not(:disabled):not(.disabled):active {
    color: #7ad0ff;
    background-color: #0ca8ff;
    border-color: #0ca8ff
}

.btn-success-4 {
    color: #5af876;
    background-color: rgba(9, 206, 44, 0.4);
    border-color: rgba(9, 206, 44, 0.4)
}

.btn-success-4:hover,
.btn-success-4:focus,
.btn-success-4:active,
.btn-success-4:not(:disabled):not(.disabled).active,
.btn-success-4:not(:disabled):not(.disabled):active {
    color: #5af876;
    background-color: #0ada2f;
    border-color: #0ada2f
}

.btn-info-4 {
    color: #bce5fe;
    background-color: rgba(67, 183, 253, 0.4);
    border-color: rgba(67, 183, 253, 0.4)
}

.btn-info-4:hover,
.btn-info-4:focus,
.btn-info-4:active,
.btn-info-4:not(:disabled):not(.disabled).active,
.btn-info-4:not(:disabled):not(.disabled):active {
    color: #bce5fe;
    background-color: #4fbcfd;
    border-color: #4fbcfd
}

.btn-warning-4 {
    color: #fec799;
    background-color: rgba(253, 132, 32, 0.4);
    border-color: rgba(253, 132, 32, 0.4)
}

.btn-warning-4:hover,
.btn-warning-4:focus,
.btn-warning-4:active,
.btn-warning-4:not(:disabled):not(.disabled).active,
.btn-warning-4:not(:disabled):not(.disabled):active {
    color: #fec799;
    background-color: #fd8b2c;
    border-color: #fd8b2c
}

.btn-gold-4 {
    color: #fffffe;
    background-color: rgba(253, 196, 134, 0.4);
    border-color: rgba(253, 196, 134, 0.4)
}

.btn-gold-4:hover,
.btn-gold-4:focus,
.btn-gold-4:active,
.btn-gold-4:not(:disabled):not(.disabled).active,
.btn-gold-4:not(:disabled):not(.disabled):active {
    color: #fffffe;
    background-color: #fdca92;
    border-color: #fdca92
}

.btn-danger-4 {
    color: #fca9a9;
    background-color: rgba(249, 50, 50, 0.4);
    border-color: rgba(249, 50, 50, 0.4)
}

.btn-danger-4:hover,
.btn-danger-4:focus,
.btn-danger-4:active,
.btn-danger-4:not(:disabled):not(.disabled).active,
.btn-danger-4:not(:disabled):not(.disabled):active {
    color: #fca9a9;
    background-color: #f93e3e;
    border-color: #f93e3e
}

.btn-light-4 {
    color: #fff;
    background-color: rgba(245, 245, 245, 0.4);
    border-color: rgba(245, 245, 245, 0.4);
    color: #666666 !important
}

.btn-light-4:hover,
.btn-light-4:focus,
.btn-light-4:active,
.btn-light-4:not(:disabled):not(.disabled).active,
.btn-light-4:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #fbfbfb;
    border-color: #fbfbfb
}

.btn-secondary-4 {
    color: #fff;
    background-color: rgba(221, 221, 221, 0.4);
    border-color: rgba(221, 221, 221, 0.4)
}

.btn-secondary-4:hover,
.btn-secondary-4:focus,
.btn-secondary-4:active,
.btn-secondary-4:not(:disabled):not(.disabled).active,
.btn-secondary-4:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #e3e3e3;
    border-color: #e3e3e3
}

.btn-dark-4 {
    color: #a3a3a3;
    background-color: rgba(102, 102, 102, 0.4);
    border-color: rgba(102, 102, 102, 0.4)
}

.btn-dark-4:hover,
.btn-dark-4:focus,
.btn-dark-4:active,
.btn-dark-4:not(:disabled):not(.disabled).active,
.btn-dark-4:not(:disabled):not(.disabled):active {
    color: #a3a3a3;
    background-color: #6c6c6c;
    border-color: #6c6c6c
}

.btn-gray-4 {
    color: #a3a3a3;
    background-color: rgba(102, 102, 102, 0.4);
    border-color: rgba(102, 102, 102, 0.4);
    color: #ffffff !important
}

.btn-gray-4:hover,
.btn-gray-4:focus,
.btn-gray-4:active,
.btn-gray-4:not(:disabled):not(.disabled).active,
.btn-gray-4:not(:disabled):not(.disabled):active {
    color: #a3a3a3;
    background-color: #6c6c6c;
    border-color: #6c6c6c
}

.btn-outline-gold-4 {
    color: rgba(0, 164, 255, 0.5) !important;
    border-color: rgba(0, 164, 255, 0.4)
}

.btn-outline-gold-4:hover,
.btn-outline-gold-4:focus,
.btn-outline-gold-4:active,
.btn-outline-gold-4:not(:disabled):not(.disabled).active,
.btn-outline-gold-4:not(:disabled):not(.disabled):active {
    color: #00a4ff !important;
    border-color: rgba(0, 164, 255, 0.4) !important;
    background-color: rgba(0, 164, 255, 0.08) !important
}

.btn-outline-gold-4.active {
    color: #00a4ff !important
}

.btn-outline-primary-4 {
    color: rgba(0, 164, 255, 0.5) !important;
    border-color: rgba(0, 164, 255, 0.4)
}

.btn-outline-primary-4:hover,
.btn-outline-primary-4:focus,
.btn-outline-primary-4:active,
.btn-outline-primary-4:not(:disabled):not(.disabled).active,
.btn-outline-primary-4:not(:disabled):not(.disabled):active {
    color: #00a4ff !important;
    border-color: rgba(0, 164, 255, 0.4) !important;
    background-color: rgba(0, 164, 255, 0.08) !important
}

.btn-outline-primary-4.active {
    color: #00a4ff !important
}

.btn-outline-success-4 {
    color: rgba(9, 206, 44, 0.5) !important;
    border-color: rgba(9, 206, 44, 0.4)
}

.btn-outline-success-4:hover,
.btn-outline-success-4:focus,
.btn-outline-success-4:active,
.btn-outline-success-4:not(:disabled):not(.disabled).active,
.btn-outline-success-4:not(:disabled):not(.disabled):active {
    color: #09ce2c !important;
    border-color: rgba(9, 206, 44, 0.4) !important;
    background-color: rgba(9, 206, 44, 0.08) !important
}

.btn-outline-success-4.active {
    color: #09ce2c !important
}

.btn-outline-info-4 {
    color: rgba(67, 183, 253, 0.5) !important;
    border-color: rgba(67, 183, 253, 0.4)
}

.btn-outline-info-4:hover,
.btn-outline-info-4:focus,
.btn-outline-info-4:active,
.btn-outline-info-4:not(:disabled):not(.disabled).active,
.btn-outline-info-4:not(:disabled):not(.disabled):active {
    color: #43b7fd !important;
    border-color: rgba(67, 183, 253, 0.4) !important;
    background-color: rgba(67, 183, 253, 0.08) !important
}

.btn-outline-info-4.active {
    color: #43b7fd !important
}

.btn-outline-gold-4 {
    color: rgba(253, 196, 134, 0.5) !important;
    border-color: rgba(253, 196, 134, 0.4)
}

.btn-outline-gold-4:hover,
.btn-outline-gold-4:focus,
.btn-outline-gold-4:active,
.btn-outline-gold-4:not(:disabled):not(.disabled).active,
.btn-outline-gold-4:not(:disabled):not(.disabled):active {
    color: #fdc486 !important;
    border-color: rgba(253, 196, 134, 0.4) !important;
    background-color: rgba(253, 196, 134, 0.08) !important
}

.btn-outline-gold-4.active {
    color: #fdc486 !important
}

.btn-outline-warning-4 {
    color: rgba(253, 132, 32, 0.5) !important;
    border-color: rgba(253, 132, 32, 0.4)
}

.btn-outline-warning-4:hover,
.btn-outline-warning-4:focus,
.btn-outline-warning-4:active,
.btn-outline-warning-4:not(:disabled):not(.disabled).active,
.btn-outline-warning-4:not(:disabled):not(.disabled):active {
    color: #FD8420 !important;
    border-color: rgba(253, 132, 32, 0.4) !important;
    background-color: rgba(253, 132, 32, 0.08) !important
}

.btn-outline-warning-4.active {
    color: #FD8420 !important
}

.btn-outline-danger-4 {
    color: rgba(249, 50, 50, 0.5) !important;
    border-color: rgba(249, 50, 50, 0.4)
}

.btn-outline-danger-4:hover,
.btn-outline-danger-4:focus,
.btn-outline-danger-4:active,
.btn-outline-danger-4:not(:disabled):not(.disabled).active,
.btn-outline-danger-4:not(:disabled):not(.disabled):active {
    color: #f93232 !important;
    border-color: rgba(249, 50, 50, 0.4) !important;
    background-color: rgba(249, 50, 50, 0.08) !important
}

.btn-outline-danger-4.active {
    color: #f93232 !important
}

.btn-outline-secondary-4 {
    color: rgba(221, 221, 221, 0.5) !important;
    border-color: rgba(221, 221, 221, 0.4)
}

.btn-outline-secondary-4:hover,
.btn-outline-secondary-4:focus,
.btn-outline-secondary-4:active,
.btn-outline-secondary-4:not(:disabled):not(.disabled).active,
.btn-outline-secondary-4:not(:disabled):not(.disabled):active {
    color: #dddddd !important;
    border-color: rgba(221, 221, 221, 0.4) !important;
    background-color: rgba(221, 221, 221, 0.08) !important
}

.btn-outline-secondary-4.active {
    color: #dddddd !important
}

.btn-outline-dark-4 {
    color: rgba(17, 17, 17, 0.5) !important;
    border-color: rgba(17, 17, 17, 0.4)
}

.btn-outline-dark-4:hover,
.btn-outline-dark-4:focus,
.btn-outline-dark-4:active,
.btn-outline-dark-4:not(:disabled):not(.disabled).active,
.btn-outline-dark-4:not(:disabled):not(.disabled):active {
    color: #111111 !important;
    border-color: rgba(17, 17, 17, 0.4) !important;
    background-color: rgba(17, 17, 17, 0.08) !important
}

.btn-outline-dark-4.active {
    color: #111111 !important
}

.btn-outline-light-4 {
    color: rgba(255, 255, 255, 0.5) !important;
    border-color: rgba(255, 255, 255, 0.4)
}

.btn-outline-light-4:hover,
.btn-outline-light-4:focus,
.btn-outline-light-4:active,
.btn-outline-light-4:not(:disabled):not(.disabled).active,
.btn-outline-light-4:not(:disabled):not(.disabled):active {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    background-color: rgba(255, 255, 255, 0.08) !important
}

.btn-outline-light-4.active {
    color: #ffffff !important
}

.btn-gold-3 {
    color: #5cc5ff;
    background-color: rgba(0, 164, 255, 0.3);
    border-color: rgba(0, 164, 255, 0.3)
}

.btn-gold-3:hover,
.btn-gold-3:focus,
.btn-gold-3:active,
.btn-gold-3:not(:disabled):not(.disabled).active,
.btn-gold-3:not(:disabled):not(.disabled):active {
    color: #5cc5ff;
    background-color: #09a7ff;
    border-color: #09a7ff
}

.btn-primary-3 {
    color: #5cc5ff;
    background-color: rgba(0, 164, 255, 0.3);
    border-color: rgba(0, 164, 255, 0.3)
}

.btn-primary-3:hover,
.btn-primary-3:focus,
.btn-primary-3:active,
.btn-primary-3:not(:disabled):not(.disabled).active,
.btn-primary-3:not(:disabled):not(.disabled):active {
    color: #5cc5ff;
    background-color: #09a7ff;
    border-color: #09a7ff
}

.btn-success-3 {
    color: #3cf65d;
    background-color: rgba(9, 206, 44, 0.3);
    border-color: rgba(9, 206, 44, 0.3)
}

.btn-success-3:hover,
.btn-success-3:focus,
.btn-success-3:active,
.btn-success-3:not(:disabled):not(.disabled).active,
.btn-success-3:not(:disabled):not(.disabled):active {
    color: #3cf65d;
    background-color: #09d72e;
    border-color: #09d72e
}

.btn-info-3 {
    color: #9edafe;
    background-color: rgba(67, 183, 253, 0.3);
    border-color: rgba(67, 183, 253, 0.3)
}

.btn-info-3:hover,
.btn-info-3:focus,
.btn-info-3:active,
.btn-info-3:not(:disabled):not(.disabled).active,
.btn-info-3:not(:disabled):not(.disabled):active {
    color: #9edafe;
    background-color: #4cbafd;
    border-color: #4cbafd
}

.btn-warning-3 {
    color: #feb67b;
    background-color: rgba(253, 132, 32, 0.3);
    border-color: rgba(253, 132, 32, 0.3)
}

.btn-warning-3:hover,
.btn-warning-3:focus,
.btn-warning-3:active,
.btn-warning-3:not(:disabled):not(.disabled).active,
.btn-warning-3:not(:disabled):not(.disabled):active {
    color: #feb67b;
    background-color: #fd8929;
    border-color: #fd8929
}

.btn-gold-3 {
    color: #fef0e0;
    background-color: rgba(253, 196, 134, 0.3);
    border-color: rgba(253, 196, 134, 0.3)
}

.btn-gold-3:hover,
.btn-gold-3:focus,
.btn-gold-3:active,
.btn-gold-3:not(:disabled):not(.disabled).active,
.btn-gold-3:not(:disabled):not(.disabled):active {
    color: #fef0e0;
    background-color: #fdc88f;
    border-color: #fdc88f
}

.btn-danger-3 {
    color: #fc8b8b;
    background-color: rgba(249, 50, 50, 0.3);
    border-color: rgba(249, 50, 50, 0.3)
}

.btn-danger-3:hover,
.btn-danger-3:focus,
.btn-danger-3:active,
.btn-danger-3:not(:disabled):not(.disabled).active,
.btn-danger-3:not(:disabled):not(.disabled):active {
    color: #fc8b8b;
    background-color: #f93b3b;
    border-color: #f93b3b
}

.btn-light-3 {
    color: #fff;
    background-color: rgba(245, 245, 245, 0.3);
    border-color: rgba(245, 245, 245, 0.3);
    color: #666666 !important
}

.btn-light-3:hover,
.btn-light-3:focus,
.btn-light-3:active,
.btn-light-3:not(:disabled):not(.disabled).active,
.btn-light-3:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #fafafa;
    border-color: #fafafa
}

.btn-secondary-3 {
    color: #fff;
    background-color: rgba(221, 221, 221, 0.3);
    border-color: rgba(221, 221, 221, 0.3)
}

.btn-secondary-3:hover,
.btn-secondary-3:focus,
.btn-secondary-3:active,
.btn-secondary-3:not(:disabled):not(.disabled).active,
.btn-secondary-3:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #e2e2e2;
    border-color: #e2e2e2
}

.btn-dark-3 {
    color: #949494;
    background-color: rgba(102, 102, 102, 0.3);
    border-color: rgba(102, 102, 102, 0.3)
}

.btn-dark-3:hover,
.btn-dark-3:focus,
.btn-dark-3:active,
.btn-dark-3:not(:disabled):not(.disabled).active,
.btn-dark-3:not(:disabled):not(.disabled):active {
    color: #949494;
    background-color: #6b6b6b;
    border-color: #6b6b6b
}

.btn-gray-3 {
    color: #949494;
    background-color: rgba(102, 102, 102, 0.3);
    border-color: rgba(102, 102, 102, 0.3);
    color: #ffffff !important
}

.btn-gray-3:hover,
.btn-gray-3:focus,
.btn-gray-3:active,
.btn-gray-3:not(:disabled):not(.disabled).active,
.btn-gray-3:not(:disabled):not(.disabled):active {
    color: #949494;
    background-color: #6b6b6b;
    border-color: #6b6b6b
}

.btn-outline-gold-3 {
    color: rgba(0, 164, 255, 0.4) !important;
    border-color: rgba(0, 164, 255, 0.3)
}

.btn-outline-gold-3:hover,
.btn-outline-gold-3:focus,
.btn-outline-gold-3:active,
.btn-outline-gold-3:not(:disabled):not(.disabled).active,
.btn-outline-gold-3:not(:disabled):not(.disabled):active {
    color: #00a4ff !important;
    border-color: rgba(0, 164, 255, 0.3) !important;
    background-color: rgba(0, 164, 255, 0.06) !important
}

.btn-outline-gold-3.active {
    color: #00a4ff !important
}

.btn-outline-primary-3 {
    color: rgba(0, 164, 255, 0.4) !important;
    border-color: rgba(0, 164, 255, 0.3)
}

.btn-outline-primary-3:hover,
.btn-outline-primary-3:focus,
.btn-outline-primary-3:active,
.btn-outline-primary-3:not(:disabled):not(.disabled).active,
.btn-outline-primary-3:not(:disabled):not(.disabled):active {
    color: #00a4ff !important;
    border-color: rgba(0, 164, 255, 0.3) !important;
    background-color: rgba(0, 164, 255, 0.06) !important
}

.btn-outline-primary-3.active {
    color: #00a4ff !important
}

.btn-outline-success-3 {
    color: rgba(9, 206, 44, 0.4) !important;
    border-color: rgba(9, 206, 44, 0.3)
}

.btn-outline-success-3:hover,
.btn-outline-success-3:focus,
.btn-outline-success-3:active,
.btn-outline-success-3:not(:disabled):not(.disabled).active,
.btn-outline-success-3:not(:disabled):not(.disabled):active {
    color: #09ce2c !important;
    border-color: rgba(9, 206, 44, 0.3) !important;
    background-color: rgba(9, 206, 44, 0.06) !important
}

.btn-outline-success-3.active {
    color: #09ce2c !important
}

.btn-outline-info-3 {
    color: rgba(67, 183, 253, 0.4) !important;
    border-color: rgba(67, 183, 253, 0.3)
}

.btn-outline-info-3:hover,
.btn-outline-info-3:focus,
.btn-outline-info-3:active,
.btn-outline-info-3:not(:disabled):not(.disabled).active,
.btn-outline-info-3:not(:disabled):not(.disabled):active {
    color: #43b7fd !important;
    border-color: rgba(67, 183, 253, 0.3) !important;
    background-color: rgba(67, 183, 253, 0.06) !important
}

.btn-outline-info-3.active {
    color: #43b7fd !important
}

.btn-outline-gold-3 {
    color: rgba(253, 196, 134, 0.4) !important;
    border-color: rgba(253, 196, 134, 0.3)
}

.btn-outline-gold-3:hover,
.btn-outline-gold-3:focus,
.btn-outline-gold-3:active,
.btn-outline-gold-3:not(:disabled):not(.disabled).active,
.btn-outline-gold-3:not(:disabled):not(.disabled):active {
    color: #fdc486 !important;
    border-color: rgba(253, 196, 134, 0.3) !important;
    background-color: rgba(253, 196, 134, 0.06) !important
}

.btn-outline-gold-3.active {
    color: #fdc486 !important
}

.btn-outline-warning-3 {
    color: rgba(253, 132, 32, 0.4) !important;
    border-color: rgba(253, 132, 32, 0.3)
}

.btn-outline-warning-3:hover,
.btn-outline-warning-3:focus,
.btn-outline-warning-3:active,
.btn-outline-warning-3:not(:disabled):not(.disabled).active,
.btn-outline-warning-3:not(:disabled):not(.disabled):active {
    color: #FD8420 !important;
    border-color: rgba(253, 132, 32, 0.3) !important;
    background-color: rgba(253, 132, 32, 0.06) !important
}

.btn-outline-warning-3.active {
    color: #FD8420 !important
}

.btn-outline-danger-3 {
    color: rgba(249, 50, 50, 0.4) !important;
    border-color: rgba(249, 50, 50, 0.3)
}

.btn-outline-danger-3:hover,
.btn-outline-danger-3:focus,
.btn-outline-danger-3:active,
.btn-outline-danger-3:not(:disabled):not(.disabled).active,
.btn-outline-danger-3:not(:disabled):not(.disabled):active {
    color: #f93232 !important;
    border-color: rgba(249, 50, 50, 0.3) !important;
    background-color: rgba(249, 50, 50, 0.06) !important
}

.btn-outline-danger-3.active {
    color: #f93232 !important
}

.btn-outline-secondary-3 {
    color: rgba(221, 221, 221, 0.4) !important;
    border-color: rgba(221, 221, 221, 0.3)
}

.btn-outline-secondary-3:hover,
.btn-outline-secondary-3:focus,
.btn-outline-secondary-3:active,
.btn-outline-secondary-3:not(:disabled):not(.disabled).active,
.btn-outline-secondary-3:not(:disabled):not(.disabled):active {
    color: #dddddd !important;
    border-color: rgba(221, 221, 221, 0.3) !important;
    background-color: rgba(221, 221, 221, 0.06) !important
}

.btn-outline-secondary-3.active {
    color: #dddddd !important
}

.btn-outline-dark-3 {
    color: rgba(17, 17, 17, 0.4) !important;
    border-color: rgba(17, 17, 17, 0.3)
}

.btn-outline-dark-3:hover,
.btn-outline-dark-3:focus,
.btn-outline-dark-3:active,
.btn-outline-dark-3:not(:disabled):not(.disabled).active,
.btn-outline-dark-3:not(:disabled):not(.disabled):active {
    color: #111111 !important;
    border-color: rgba(17, 17, 17, 0.3) !important;
    background-color: rgba(17, 17, 17, 0.06) !important
}

.btn-outline-dark-3.active {
    color: #111111 !important
}

.btn-outline-light-3 {
    color: rgba(255, 255, 255, 0.4) !important;
    border-color: rgba(255, 255, 255, 0.3)
}

.btn-outline-light-3:hover,
.btn-outline-light-3:focus,
.btn-outline-light-3:active,
.btn-outline-light-3:not(:disabled):not(.disabled).active,
.btn-outline-light-3:not(:disabled):not(.disabled):active {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    background-color: rgba(255, 255, 255, 0.06) !important
}

.btn-outline-light-3.active {
    color: #ffffff !important
}

.btn-gold-2 {
    color: #3dbaff;
    background-color: rgba(0, 164, 255, 0.2);
    border-color: rgba(0, 164, 255, 0.2)
}

.btn-gold-2:hover,
.btn-gold-2:focus,
.btn-gold-2:active,
.btn-gold-2:not(:disabled):not(.disabled).active,
.btn-gold-2:not(:disabled):not(.disabled):active {
    color: #3dbaff;
    background-color: #06a6ff;
    border-color: #06a6ff
}

.btn-primary-2 {
    color: #3dbaff;
    background-color: rgba(0, 164, 255, 0.2);
    border-color: rgba(0, 164, 255, 0.2)
}

.btn-primary-2:hover,
.btn-primary-2:focus,
.btn-primary-2:active,
.btn-primary-2:not(:disabled):not(.disabled).active,
.btn-primary-2:not(:disabled):not(.disabled):active {
    color: #3dbaff;
    background-color: #06a6ff;
    border-color: #06a6ff
}

.btn-success-2 {
    color: #1ff545;
    background-color: rgba(9, 206, 44, 0.2);
    border-color: rgba(9, 206, 44, 0.2)
}

.btn-success-2:hover,
.btn-success-2:focus,
.btn-success-2:active,
.btn-success-2:not(:disabled):not(.disabled).active,
.btn-success-2:not(:disabled):not(.disabled):active {
    color: #1ff545;
    background-color: #09d42d;
    border-color: #09d42d
}

.btn-info-2 {
    color: #80cefe;
    background-color: rgba(67, 183, 253, 0.2);
    border-color: rgba(67, 183, 253, 0.2)
}

.btn-info-2:hover,
.btn-info-2:focus,
.btn-info-2:active,
.btn-info-2:not(:disabled):not(.disabled).active,
.btn-info-2:not(:disabled):not(.disabled):active {
    color: #80cefe;
    background-color: #49b9fd;
    border-color: #49b9fd
}

.btn-warning-2 {
    color: #fea55d;
    background-color: rgba(253, 132, 32, 0.2);
    border-color: rgba(253, 132, 32, 0.2)
}

.btn-warning-2:hover,
.btn-warning-2:focus,
.btn-warning-2:active,
.btn-warning-2:not(:disabled):not(.disabled).active,
.btn-warning-2:not(:disabled):not(.disabled):active {
    color: #fea55d;
    background-color: #fd8726;
    border-color: #fd8726
}

.btn-gold-2 {
    color: #fee1c2;
    background-color: rgba(253, 196, 134, 0.2);
    border-color: rgba(253, 196, 134, 0.2)
}

.btn-gold-2:hover,
.btn-gold-2:focus,
.btn-gold-2:active,
.btn-gold-2:not(:disabled):not(.disabled).active,
.btn-gold-2:not(:disabled):not(.disabled):active {
    color: #fee1c2;
    background-color: #fdc78c;
    border-color: #fdc78c
}

.btn-danger-2 {
    color: #fb6d6d;
    background-color: rgba(249, 50, 50, 0.2);
    border-color: rgba(249, 50, 50, 0.2)
}

.btn-danger-2:hover,
.btn-danger-2:focus,
.btn-danger-2:active,
.btn-danger-2:not(:disabled):not(.disabled).active,
.btn-danger-2:not(:disabled):not(.disabled):active {
    color: #fb6d6d;
    background-color: #f93838;
    border-color: #f93838
}

.btn-light-2 {
    color: #fff;
    background-color: rgba(245, 245, 245, 0.2);
    border-color: rgba(245, 245, 245, 0.2);
    color: #666666 !important
}

.btn-light-2:hover,
.btn-light-2:focus,
.btn-light-2:active,
.btn-light-2:not(:disabled):not(.disabled).active,
.btn-light-2:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #f8f8f8;
    border-color: #f8f8f8
}

.btn-secondary-2 {
    color: #fcfcfc;
    background-color: rgba(221, 221, 221, 0.2);
    border-color: rgba(221, 221, 221, 0.2)
}

.btn-secondary-2:hover,
.btn-secondary-2:focus,
.btn-secondary-2:active,
.btn-secondary-2:not(:disabled):not(.disabled).active,
.btn-secondary-2:not(:disabled):not(.disabled):active {
    color: #fcfcfc;
    background-color: #e0e0e0;
    border-color: #e0e0e0
}

.btn-dark-2 {
    color: #858585;
    background-color: rgba(102, 102, 102, 0.2);
    border-color: rgba(102, 102, 102, 0.2)
}

.btn-dark-2:hover,
.btn-dark-2:focus,
.btn-dark-2:active,
.btn-dark-2:not(:disabled):not(.disabled).active,
.btn-dark-2:not(:disabled):not(.disabled):active {
    color: #858585;
    background-color: #696969;
    border-color: #696969
}

.btn-gray-2 {
    color: #858585;
    background-color: rgba(102, 102, 102, 0.2);
    border-color: rgba(102, 102, 102, 0.2);
    color: #ffffff !important
}

.btn-gray-2:hover,
.btn-gray-2:focus,
.btn-gray-2:active,
.btn-gray-2:not(:disabled):not(.disabled).active,
.btn-gray-2:not(:disabled):not(.disabled):active {
    color: #858585;
    background-color: #696969;
    border-color: #696969
}

.btn-outline-gold-2 {
    color: rgba(0, 164, 255, 0.3) !important;
    border-color: rgba(0, 164, 255, 0.2)
}

.btn-outline-gold-2:hover,
.btn-outline-gold-2:focus,
.btn-outline-gold-2:active,
.btn-outline-gold-2:not(:disabled):not(.disabled).active,
.btn-outline-gold-2:not(:disabled):not(.disabled):active {
    color: #00a4ff !important;
    border-color: rgba(0, 164, 255, 0.2) !important;
    background-color: rgba(0, 164, 255, 0.04) !important
}

.btn-outline-gold-2.active {
    color: #00a4ff !important
}

.btn-outline-primary-2 {
    color: rgba(0, 164, 255, 0.3) !important;
    border-color: rgba(0, 164, 255, 0.2)
}

.btn-outline-primary-2:hover,
.btn-outline-primary-2:focus,
.btn-outline-primary-2:active,
.btn-outline-primary-2:not(:disabled):not(.disabled).active,
.btn-outline-primary-2:not(:disabled):not(.disabled):active {
    color: #00a4ff !important;
    border-color: rgba(0, 164, 255, 0.2) !important;
    background-color: rgba(0, 164, 255, 0.04) !important
}

.btn-outline-primary-2.active {
    color: #00a4ff !important
}

.btn-outline-success-2 {
    color: rgba(9, 206, 44, 0.3) !important;
    border-color: rgba(9, 206, 44, 0.2)
}

.btn-outline-success-2:hover,
.btn-outline-success-2:focus,
.btn-outline-success-2:active,
.btn-outline-success-2:not(:disabled):not(.disabled).active,
.btn-outline-success-2:not(:disabled):not(.disabled):active {
    color: #09ce2c !important;
    border-color: rgba(9, 206, 44, 0.2) !important;
    background-color: rgba(9, 206, 44, 0.04) !important
}

.btn-outline-success-2.active {
    color: #09ce2c !important
}

.btn-outline-info-2 {
    color: rgba(67, 183, 253, 0.3) !important;
    border-color: rgba(67, 183, 253, 0.2)
}

.btn-outline-info-2:hover,
.btn-outline-info-2:focus,
.btn-outline-info-2:active,
.btn-outline-info-2:not(:disabled):not(.disabled).active,
.btn-outline-info-2:not(:disabled):not(.disabled):active {
    color: #43b7fd !important;
    border-color: rgba(67, 183, 253, 0.2) !important;
    background-color: rgba(67, 183, 253, 0.04) !important
}

.btn-outline-info-2.active {
    color: #43b7fd !important
}

.btn-outline-gold-2 {
    color: rgba(253, 196, 134, 0.3) !important;
    border-color: rgba(253, 196, 134, 0.2)
}

.btn-outline-gold-2:hover,
.btn-outline-gold-2:focus,
.btn-outline-gold-2:active,
.btn-outline-gold-2:not(:disabled):not(.disabled).active,
.btn-outline-gold-2:not(:disabled):not(.disabled):active {
    color: #fdc486 !important;
    border-color: rgba(253, 196, 134, 0.2) !important;
    background-color: rgba(253, 196, 134, 0.04) !important
}

.btn-outline-gold-2.active {
    color: #fdc486 !important
}

.btn-outline-warning-2 {
    color: rgba(253, 132, 32, 0.3) !important;
    border-color: rgba(253, 132, 32, 0.2)
}

.btn-outline-warning-2:hover,
.btn-outline-warning-2:focus,
.btn-outline-warning-2:active,
.btn-outline-warning-2:not(:disabled):not(.disabled).active,
.btn-outline-warning-2:not(:disabled):not(.disabled):active {
    color: #FD8420 !important;
    border-color: rgba(253, 132, 32, 0.2) !important;
    background-color: rgba(253, 132, 32, 0.04) !important
}

.btn-outline-warning-2.active {
    color: #FD8420 !important
}

.btn-outline-danger-2 {
    color: rgba(249, 50, 50, 0.3) !important;
    border-color: rgba(249, 50, 50, 0.2)
}

.btn-outline-danger-2:hover,
.btn-outline-danger-2:focus,
.btn-outline-danger-2:active,
.btn-outline-danger-2:not(:disabled):not(.disabled).active,
.btn-outline-danger-2:not(:disabled):not(.disabled):active {
    color: #f93232 !important;
    border-color: rgba(249, 50, 50, 0.2) !important;
    background-color: rgba(249, 50, 50, 0.04) !important
}

.btn-outline-danger-2.active {
    color: #f93232 !important
}

.btn-outline-secondary-2 {
    color: rgba(221, 221, 221, 0.3) !important;
    border-color: rgba(221, 221, 221, 0.2)
}

.btn-outline-secondary-2:hover,
.btn-outline-secondary-2:focus,
.btn-outline-secondary-2:active,
.btn-outline-secondary-2:not(:disabled):not(.disabled).active,
.btn-outline-secondary-2:not(:disabled):not(.disabled):active {
    color: #dddddd !important;
    border-color: rgba(221, 221, 221, 0.2) !important;
    background-color: rgba(221, 221, 221, 0.04) !important
}

.btn-outline-secondary-2.active {
    color: #dddddd !important
}

.btn-outline-dark-2 {
    color: rgba(17, 17, 17, 0.3) !important;
    border-color: rgba(17, 17, 17, 0.2)
}

.btn-outline-dark-2:hover,
.btn-outline-dark-2:focus,
.btn-outline-dark-2:active,
.btn-outline-dark-2:not(:disabled):not(.disabled).active,
.btn-outline-dark-2:not(:disabled):not(.disabled):active {
    color: #111111 !important;
    border-color: rgba(17, 17, 17, 0.2) !important;
    background-color: rgba(17, 17, 17, 0.04) !important
}

.btn-outline-dark-2.active {
    color: #111111 !important
}

.btn-outline-light-2 {
    color: rgba(255, 255, 255, 0.3) !important;
    border-color: rgba(255, 255, 255, 0.2)
}

.btn-outline-light-2:hover,
.btn-outline-light-2:focus,
.btn-outline-light-2:active,
.btn-outline-light-2:not(:disabled):not(.disabled).active,
.btn-outline-light-2:not(:disabled):not(.disabled):active {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    background-color: rgba(255, 255, 255, 0.04) !important
}

.btn-outline-light-2.active {
    color: #ffffff !important
}

.btn-gold-1 {
    color: #1fafff;
    background-color: rgba(0, 164, 255, 0.1);
    border-color: rgba(0, 164, 255, 0.1)
}

.btn-gold-1:hover,
.btn-gold-1:focus,
.btn-gold-1:active,
.btn-gold-1:not(:disabled):not(.disabled).active,
.btn-gold-1:not(:disabled):not(.disabled):active {
    color: #1fafff;
    background-color: #03a5ff;
    border-color: #03a5ff
}

.btn-primary-1 {
    color: #1fafff;
    background-color: rgba(0, 164, 255, 0.1);
    border-color: rgba(0, 164, 255, 0.1)
}

.btn-primary-1:hover,
.btn-primary-1:focus,
.btn-primary-1:active,
.btn-primary-1:not(:disabled):not(.disabled).active,
.btn-primary-1:not(:disabled):not(.disabled):active {
    color: #1fafff;
    background-color: #03a5ff;
    border-color: #03a5ff
}

.btn-success-1 {
    color: #0aeb32;
    background-color: rgba(9, 206, 44, 0.1);
    border-color: rgba(9, 206, 44, 0.1)
}

.btn-success-1:hover,
.btn-success-1:focus,
.btn-success-1:active,
.btn-success-1:not(:disabled):not(.disabled).active,
.btn-success-1:not(:disabled):not(.disabled):active {
    color: #0aeb32;
    background-color: #09d12d;
    border-color: #09d12d
}

.btn-info-1 {
    color: #61c3fd;
    background-color: rgba(67, 183, 253, 0.1);
    border-color: rgba(67, 183, 253, 0.1)
}

.btn-info-1:hover,
.btn-info-1:focus,
.btn-info-1:active,
.btn-info-1:not(:disabled):not(.disabled).active,
.btn-info-1:not(:disabled):not(.disabled):active {
    color: #61c3fd;
    background-color: #46b8fd;
    border-color: #46b8fd
}

.btn-warning-1 {
    color: #fd953e;
    background-color: rgba(253, 132, 32, 0.1);
    border-color: rgba(253, 132, 32, 0.1)
}

.btn-warning-1:hover,
.btn-warning-1:focus,
.btn-warning-1:active,
.btn-warning-1:not(:disabled):not(.disabled).active,
.btn-warning-1:not(:disabled):not(.disabled):active {
    color: #fd953e;
    background-color: #fd8623;
    border-color: #fd8623
}

.btn-gold-1 {
    color: #fdd3a4;
    background-color: rgba(253, 196, 134, 0.1);
    border-color: rgba(253, 196, 134, 0.1)
}

.btn-gold-1:hover,
.btn-gold-1:focus,
.btn-gold-1:active,
.btn-gold-1:not(:disabled):not(.disabled).active,
.btn-gold-1:not(:disabled):not(.disabled):active {
    color: #fdd3a4;
    background-color: #fdc589;
    border-color: #fdc589
}

.btn-danger-1 {
    color: #fa5050;
    background-color: rgba(249, 50, 50, 0.1);
    border-color: rgba(249, 50, 50, 0.1)
}

.btn-danger-1:hover,
.btn-danger-1:focus,
.btn-danger-1:active,
.btn-danger-1:not(:disabled):not(.disabled).active,
.btn-danger-1:not(:disabled):not(.disabled):active {
    color: #fa5050;
    background-color: #f93535;
    border-color: #f93535
}

.btn-light-1 {
    color: #fff;
    background-color: rgba(245, 245, 245, 0.1);
    border-color: rgba(245, 245, 245, 0.1);
    color: #666666 !important
}

.btn-light-1:hover,
.btn-light-1:focus,
.btn-light-1:active,
.btn-light-1:not(:disabled):not(.disabled).active,
.btn-light-1:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #f7f7f7;
    border-color: #f7f7f7
}

.btn-secondary-1 {
    color: #ececec;
    background-color: rgba(221, 221, 221, 0.1);
    border-color: rgba(221, 221, 221, 0.1)
}

.btn-secondary-1:hover,
.btn-secondary-1:focus,
.btn-secondary-1:active,
.btn-secondary-1:not(:disabled):not(.disabled).active,
.btn-secondary-1:not(:disabled):not(.disabled):active {
    color: #ececec;
    background-color: #dfdfdf;
    border-color: #dfdfdf
}

.btn-dark-1 {
    color: #757575;
    background-color: rgba(102, 102, 102, 0.1);
    border-color: rgba(102, 102, 102, 0.1)
}

.btn-dark-1:hover,
.btn-dark-1:focus,
.btn-dark-1:active,
.btn-dark-1:not(:disabled):not(.disabled).active,
.btn-dark-1:not(:disabled):not(.disabled):active {
    color: #757575;
    background-color: #686868;
    border-color: #686868
}

.btn-gray-1 {
    color: #757575;
    background-color: rgba(102, 102, 102, 0.1);
    border-color: rgba(102, 102, 102, 0.1);
    color: #ffffff !important
}

.btn-gray-1:hover,
.btn-gray-1:focus,
.btn-gray-1:active,
.btn-gray-1:not(:disabled):not(.disabled).active,
.btn-gray-1:not(:disabled):not(.disabled):active {
    color: #757575;
    background-color: #686868;
    border-color: #686868
}

.btn-outline-gold-1 {
    color: rgba(0, 164, 255, 0.2) !important;
    border-color: rgba(0, 164, 255, 0.1)
}

.btn-outline-gold-1:hover,
.btn-outline-gold-1:focus,
.btn-outline-gold-1:active,
.btn-outline-gold-1:not(:disabled):not(.disabled).active,
.btn-outline-gold-1:not(:disabled):not(.disabled):active {
    color: #00a4ff !important;
    border-color: rgba(0, 164, 255, 0.1) !important;
    background-color: rgba(0, 164, 255, 0.02) !important
}

.btn-outline-gold-1.active {
    color: #00a4ff !important
}

.btn-outline-primary-1 {
    color: rgba(0, 164, 255, 0.2) !important;
    border-color: rgba(0, 164, 255, 0.1)
}

.btn-outline-primary-1:hover,
.btn-outline-primary-1:focus,
.btn-outline-primary-1:active,
.btn-outline-primary-1:not(:disabled):not(.disabled).active,
.btn-outline-primary-1:not(:disabled):not(.disabled):active {
    color: #00a4ff !important;
    border-color: rgba(0, 164, 255, 0.1) !important;
    background-color: rgba(0, 164, 255, 0.02) !important
}

.btn-outline-primary-1.active {
    color: #00a4ff !important
}

.btn-outline-success-1 {
    color: rgba(9, 206, 44, 0.2) !important;
    border-color: rgba(9, 206, 44, 0.1)
}

.btn-outline-success-1:hover,
.btn-outline-success-1:focus,
.btn-outline-success-1:active,
.btn-outline-success-1:not(:disabled):not(.disabled).active,
.btn-outline-success-1:not(:disabled):not(.disabled):active {
    color: #09ce2c !important;
    border-color: rgba(9, 206, 44, 0.1) !important;
    background-color: rgba(9, 206, 44, 0.02) !important
}

.btn-outline-success-1.active {
    color: #09ce2c !important
}

.btn-outline-info-1 {
    color: rgba(67, 183, 253, 0.2) !important;
    border-color: rgba(67, 183, 253, 0.1)
}

.btn-outline-info-1:hover,
.btn-outline-info-1:focus,
.btn-outline-info-1:active,
.btn-outline-info-1:not(:disabled):not(.disabled).active,
.btn-outline-info-1:not(:disabled):not(.disabled):active {
    color: #43b7fd !important;
    border-color: rgba(67, 183, 253, 0.1) !important;
    background-color: rgba(67, 183, 253, 0.02) !important
}

.btn-outline-info-1.active {
    color: #43b7fd !important
}

.btn-outline-gold-1 {
    color: rgba(253, 196, 134, 0.2) !important;
    border-color: rgba(253, 196, 134, 0.1)
}

.btn-outline-gold-1:hover,
.btn-outline-gold-1:focus,
.btn-outline-gold-1:active,
.btn-outline-gold-1:not(:disabled):not(.disabled).active,
.btn-outline-gold-1:not(:disabled):not(.disabled):active {
    color: #fdc486 !important;
    border-color: rgba(253, 196, 134, 0.1) !important;
    background-color: rgba(253, 196, 134, 0.02) !important
}

.btn-outline-gold-1.active {
    color: #fdc486 !important
}

.btn-outline-warning-1 {
    color: rgba(253, 132, 32, 0.2) !important;
    border-color: rgba(253, 132, 32, 0.1)
}

.btn-outline-warning-1:hover,
.btn-outline-warning-1:focus,
.btn-outline-warning-1:active,
.btn-outline-warning-1:not(:disabled):not(.disabled).active,
.btn-outline-warning-1:not(:disabled):not(.disabled):active {
    color: #FD8420 !important;
    border-color: rgba(253, 132, 32, 0.1) !important;
    background-color: rgba(253, 132, 32, 0.02) !important
}

.btn-outline-warning-1.active {
    color: #FD8420 !important
}

.btn-outline-danger-1 {
    color: rgba(249, 50, 50, 0.2) !important;
    border-color: rgba(249, 50, 50, 0.1)
}

.btn-outline-danger-1:hover,
.btn-outline-danger-1:focus,
.btn-outline-danger-1:active,
.btn-outline-danger-1:not(:disabled):not(.disabled).active,
.btn-outline-danger-1:not(:disabled):not(.disabled):active {
    color: #f93232 !important;
    border-color: rgba(249, 50, 50, 0.1) !important;
    background-color: rgba(249, 50, 50, 0.02) !important
}

.btn-outline-danger-1.active {
    color: #f93232 !important
}

.btn-outline-secondary-1 {
    color: rgba(221, 221, 221, 0.2) !important;
    border-color: rgba(221, 221, 221, 0.1)
}

.btn-outline-secondary-1:hover,
.btn-outline-secondary-1:focus,
.btn-outline-secondary-1:active,
.btn-outline-secondary-1:not(:disabled):not(.disabled).active,
.btn-outline-secondary-1:not(:disabled):not(.disabled):active {
    color: #dddddd !important;
    border-color: rgba(221, 221, 221, 0.1) !important;
    background-color: rgba(221, 221, 221, 0.02) !important
}

.btn-outline-secondary-1.active {
    color: #dddddd !important
}

.btn-outline-dark-1 {
    color: rgba(17, 17, 17, 0.2) !important;
    border-color: rgba(17, 17, 17, 0.1)
}

.btn-outline-dark-1:hover,
.btn-outline-dark-1:focus,
.btn-outline-dark-1:active,
.btn-outline-dark-1:not(:disabled):not(.disabled).active,
.btn-outline-dark-1:not(:disabled):not(.disabled):active {
    color: #111111 !important;
    border-color: rgba(17, 17, 17, 0.1) !important;
    background-color: rgba(17, 17, 17, 0.02) !important
}

.btn-outline-dark-1.active {
    color: #111111 !important
}

.btn-outline-light-1 {
    color: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.1)
}

.btn-outline-light-1:hover,
.btn-outline-light-1:focus,
.btn-outline-light-1:active,
.btn-outline-light-1:not(:disabled):not(.disabled).active,
.btn-outline-light-1:not(:disabled):not(.disabled):active {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    background-color: rgba(255, 255, 255, 0.02) !important
}

.btn-outline-light-1.active {
    color: #ffffff !important
}

.m-auto {
    margin: auto !important
}

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

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

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

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

.m-15 {
    margin: 13rem 13rem
}

.my-15 {
    margin-top: 13rem;
    margin-bottom: 13rem
}

.mx-15 {
    margin-left: 13rem;
    margin-right: 13rem
}

.mt-15 {
    margin-top: 13rem
}

.mb-15 {
    margin-bottom: 13rem
}

.ml-15 {
    margin-left: 13rem
}

.mr-15 {
    margin-right: 13rem
}

.p-15 {
    padding: 13rem 13rem
}

.py-15 {
    padding-top: 13rem;
    padding-bottom: 13rem
}

.px-15 {
    padding-left: 13rem;
    padding-right: 13rem
}

.pt-15 {
    padding-top: 13rem
}

.pb-15 {
    padding-bottom: 13rem
}

.pl-15 {
    padding-left: 13rem
}

.pr-15 {
    padding-right: 13rem
}

.m-14 {
    margin: 12rem 12rem
}

.my-14 {
    margin-top: 12rem;
    margin-bottom: 12rem
}

.mx-14 {
    margin-left: 12rem;
    margin-right: 12rem
}

.mt-14 {
    margin-top: 12rem
}

.mb-14 {
    margin-bottom: 12rem
}

.ml-14 {
    margin-left: 12rem
}

.mr-14 {
    margin-right: 12rem
}

.p-14 {
    padding: 12rem 12rem
}

.py-14 {
    padding-top: 12rem;
    padding-bottom: 12rem
}

.px-14 {
    padding-left: 12rem;
    padding-right: 12rem
}

.pt-14 {
    padding-top: 12rem
}

.pb-14 {
    padding-bottom: 12rem
}

.pl-14 {
    padding-left: 12rem
}

.pr-14 {
    padding-right: 12rem
}

.m-13 {
    margin: 11rem 11rem
}

.my-13 {
    margin-top: 11rem;
    margin-bottom: 11rem
}

.mx-13 {
    margin-left: 11rem;
    margin-right: 11rem
}

.mt-13 {
    margin-top: 11rem
}

.mb-13 {
    margin-bottom: 11rem
}

.ml-13 {
    margin-left: 11rem
}

.mr-13 {
    margin-right: 11rem
}

.p-13 {
    padding: 11rem 11rem
}

.py-13 {
    padding-top: 11rem;
    padding-bottom: 11rem
}

.px-13 {
    padding-left: 11rem;
    padding-right: 11rem
}

.pt-13 {
    padding-top: 11rem
}

.pb-13 {
    padding-bottom: 11rem
}

.pl-13 {
    padding-left: 11rem
}

.pr-13 {
    padding-right: 11rem
}

.m-12 {
    margin: 10rem 10rem
}

.my-12 {
    margin-top: 10rem;
    margin-bottom: 10rem
}

.mx-12 {
    margin-left: 10rem;
    margin-right: 10rem
}

.mt-12 {
    margin-top: 10rem
}

.mb-12 {
    margin-bottom: 10rem
}

.ml-12 {
    margin-left: 10rem
}

.mr-12 {
    margin-right: 10rem
}

.p-12 {
    padding: 10rem 10rem
}

.py-12 {
    padding-top: 10rem;
    padding-bottom: 10rem
}

.px-12 {
    padding-left: 10rem;
    padding-right: 10rem
}

.pt-12 {
    padding-top: 10rem
}

.pb-12 {
    padding-bottom: 10rem
}

.pl-12 {
    padding-left: 10rem
}

.pr-12 {
    padding-right: 10rem
}

.m-11 {
    margin: 9rem 9rem
}

.my-11 {
    margin-top: 9rem;
    margin-bottom: 9rem
}

.mx-11 {
    margin-left: 9rem;
    margin-right: 9rem
}

.mt-11 {
    margin-top: 9rem
}

.mb-11 {
    margin-bottom: 9rem
}

.ml-11 {
    margin-left: 9rem
}

.mr-11 {
    margin-right: 9rem
}

.p-11 {
    padding: 9rem 9rem
}

.py-11 {
    padding-top: 9rem;
    padding-bottom: 9rem
}

.px-11 {
    padding-left: 9rem;
    padding-right: 9rem
}

.pt-11 {
    padding-top: 9rem
}

.pb-11 {
    padding-bottom: 9rem
}

.pl-11 {
    padding-left: 9rem
}

.pr-11 {
    padding-right: 9rem
}

.m-10 {
    margin: 8rem 8rem
}

.my-10 {
    margin-top: 8rem;
    margin-bottom: 8rem
}

.mx-10 {
    margin-left: 8rem;
    margin-right: 8rem
}

.mt-10 {
    margin-top: 8rem
}

.mb-10 {
    margin-bottom: 8rem
}

.ml-10 {
    margin-left: 8rem
}

.mr-10 {
    margin-right: 8rem
}

.p-10 {
    padding: 8rem 8rem
}

.py-10 {
    padding-top: 8rem;
    padding-bottom: 8rem
}

.px-10 {
    padding-left: 8rem;
    padding-right: 8rem
}

.pt-10 {
    padding-top: 8rem
}

.pb-10 {
    padding-bottom: 8rem
}

.pl-10 {
    padding-left: 8rem
}

.pr-10 {
    padding-right: 8rem
}

.m-9 {
    margin: 7rem 7rem
}

.my-9 {
    margin-top: 7rem;
    margin-bottom: 7rem
}

.mx-9 {
    margin-left: 7rem;
    margin-right: 7rem
}

.mt-9 {
    margin-top: 7rem
}

.mb-9 {
    margin-bottom: 7rem
}

.ml-9 {
    margin-left: 7rem
}

.mr-9 {
    margin-right: 7rem
}

.p-9 {
    padding: 7rem 7rem
}

.py-9 {
    padding-top: 7rem;
    padding-bottom: 7rem
}

.px-9 {
    padding-left: 7rem;
    padding-right: 7rem
}

.pt-9 {
    padding-top: 7rem
}

.pb-9 {
    padding-bottom: 7rem
}

.pl-9 {
    padding-left: 7rem
}

.pr-9 {
    padding-right: 7rem
}

.m-8 {
    margin: 6rem 6rem
}

.my-8 {
    margin-top: 6rem;
    margin-bottom: 6rem
}

.mx-8 {
    margin-left: 6rem;
    margin-right: 6rem
}

.mt-8 {
    margin-top: 6rem
}

.mb-8 {
    margin-bottom: 6rem
}

.ml-8 {
    margin-left: 6rem
}

.mr-8 {
    margin-right: 6rem
}

.p-8 {
    padding: 6rem 6rem
}

.py-8 {
    padding-top: 6rem;
    padding-bottom: 6rem
}

.px-8 {
    padding-left: 6rem;
    padding-right: 6rem
}

.pt-8 {
    padding-top: 6rem
}

.pb-8 {
    padding-bottom: 6rem
}

.pl-8 {
    padding-left: 6rem
}

.pr-8 {
    padding-right: 6rem
}

.m-7 {
    margin: 5rem 5rem
}

.my-7 {
    margin-top: 5rem;
    margin-bottom: 5rem
}

.mx-7 {
    margin-left: 5rem;
    margin-right: 5rem
}

.mt-7 {
    margin-top: 5rem
}

.mb-7 {
    margin-bottom: 5rem
}

.ml-7 {
    margin-left: 5rem
}

.mr-7 {
    margin-right: 5rem
}

.p-7 {
    padding: 5rem 5rem
}

.py-7 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.px-7 {
    padding-left: 5rem;
    padding-right: 5rem
}

.pt-7 {
    padding-top: 5rem
}

.pb-7 {
    padding-bottom: 5rem
}

.pl-7 {
    padding-left: 5rem
}

.pr-7 {
    padding-right: 5rem
}

.m-6 {
    margin: 4rem 4rem
}

.my-6 {
    margin-top: 4rem;
    margin-bottom: 4rem
}

.mx-6 {
    margin-left: 4rem;
    margin-right: 4rem
}

.mt-6 {
    margin-top: 4rem
}

.mb-6 {
    margin-bottom: 4rem
}

.ml-6 {
    margin-left: 4rem
}

.mr-6 {
    margin-right: 4rem
}

.p-6 {
    padding: 4rem 4rem
}

.py-6 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.px-6 {
    padding-left: 4rem;
    padding-right: 4rem
}

.pt-6 {
    padding-top: 4rem
}

.pb-6 {
    padding-bottom: 4rem
}

.pl-6 {
    padding-left: 4rem
}

.pr-6 {
    padding-right: 4rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-control {
    border-radius: .2rem !important;
    -moz-border-radius: .2rem !important;
    -webkit-border-radius: .2rem !important;
    background-color: rgba(17, 17, 17, 0.2) !important;
    border-color: rgba(0, 164, 255, 0.1) !important;
    border-width: 1px;
    font-size: .9rem
}

.form-control:hover {
    border-color: rgba(0, 164, 255, 0.009)
}

.form-control[placeholder] {
    color: #fff !important
}

.not-null:after {
    content: "*";
    display: inline-block !important;
    color: #f93232 !important;
    margin-left: .25rem;
    margin-right: .25rem
}

label {
    font-size: .9rem;
    color: #fff !important;
    margin-bottom: .75rem
}

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

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

.animate-count-infinite {
    animation-iteration-count: infinite
}

.animate-duration-20 {
    animation-duration: 2
}

.animate-delay-20 {
    animation-delay: 2
}

.animate-count-20 {
    animation-iteration-count: 20
}

.animate-duration-19 {
    animation-duration: 1.9
}

.animate-delay-19 {
    animation-delay: 1.9
}

.animate-count-19 {
    animation-iteration-count: 19
}

.animate-duration-18 {
    animation-duration: 1.8
}

.animate-delay-18 {
    animation-delay: 1.8
}

.animate-count-18 {
    animation-iteration-count: 18
}

.animate-duration-17 {
    animation-duration: 1.7
}

.animate-delay-17 {
    animation-delay: 1.7
}

.animate-count-17 {
    animation-iteration-count: 17
}

.animate-duration-16 {
    animation-duration: 1.6
}

.animate-delay-16 {
    animation-delay: 1.6
}

.animate-count-16 {
    animation-iteration-count: 16
}

.animate-duration-15 {
    animation-duration: 1.5
}

.animate-delay-15 {
    animation-delay: 1.5
}

.animate-count-15 {
    animation-iteration-count: 15
}

.animate-duration-14 {
    animation-duration: 1.4
}

.animate-delay-14 {
    animation-delay: 1.4
}

.animate-count-14 {
    animation-iteration-count: 14
}

.animate-duration-13 {
    animation-duration: 1.3
}

.animate-delay-13 {
    animation-delay: 1.3
}

.animate-count-13 {
    animation-iteration-count: 13
}

.animate-duration-12 {
    animation-duration: 1.2
}

.animate-delay-12 {
    animation-delay: 1.2
}

.animate-count-12 {
    animation-iteration-count: 12
}

.animate-duration-11 {
    animation-duration: 1.1
}

.animate-delay-11 {
    animation-delay: 1.1
}

.animate-count-11 {
    animation-iteration-count: 11
}

.animate-duration-10 {
    animation-duration: 1
}

.animate-delay-10 {
    animation-delay: 1
}

.animate-count-10 {
    animation-iteration-count: 10
}

.animate-duration-9 {
    animation-duration: .9
}

.animate-delay-9 {
    animation-delay: .9
}

.animate-count-9 {
    animation-iteration-count: 9
}

.animate-duration-8 {
    animation-duration: .8
}

.animate-delay-8 {
    animation-delay: .8
}

.animate-count-8 {
    animation-iteration-count: 8
}

.animate-duration-7 {
    animation-duration: .7
}

.animate-delay-7 {
    animation-delay: .7
}

.animate-count-7 {
    animation-iteration-count: 7
}

.animate-duration-6 {
    animation-duration: .6
}

.animate-delay-6 {
    animation-delay: .6
}

.animate-count-6 {
    animation-iteration-count: 6
}

.animate-duration-5 {
    animation-duration: .5
}

.animate-delay-5 {
    animation-delay: .5
}

.animate-count-5 {
    animation-iteration-count: 5
}

.animate-duration-4 {
    animation-duration: .4
}

.animate-delay-4 {
    animation-delay: .4
}

.animate-count-4 {
    animation-iteration-count: 4
}

.animate-duration-3 {
    animation-duration: .3
}

.animate-delay-3 {
    animation-delay: .3
}

.animate-count-3 {
    animation-iteration-count: 3
}

.animate-duration-2 {
    animation-duration: .2
}

.animate-delay-2 {
    animation-delay: .2
}

.animate-count-2 {
    animation-iteration-count: 2
}

.animate-duration-1 {
    animation-duration: .1
}

.animate-delay-1 {
    animation-delay: .1
}

.animate-count-1 {
    animation-iteration-count: 1
}

[class*="iconfont-"] {
    font-style: normal;
    line-height: 1;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: 'iconfont' !important;
    font-size: .7rem
}

[class*="iconfont-"]:before {
    font-family: 'iconfont' !important;
    margin-right: .2rem
}

.icon-title {
    font-size: 1.35rem;
    font-weight: bold;
    color: #000 !important;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.icon-title strong:before,
.icon-title b:before {
    content: "";
    display: inline-block !important;
    width: .4rem;
    height: .9rem;
    background-color: #00a4ff !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    box-shadow: 0 .2rem .4rem #66c8ff !important;
    -moz-box-shadow: 0 .2rem .4rem #66c8ff !important;
    -webkit-box-shadow: 0 .2rem .4rem #66c8ff !important;
    margin-right: .6rem
}

.pagination {
    margin-top: 2rem;
    margin-bottom: .5rem
}

.pagination .page-link {
    margin-left: .25rem;
    margin-right: .25rem;
    padding: .1rem 1rem;
    font-size: .85rem;
    line-height: 2.5;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    background-color: rgba(221, 221, 221, 0.3) !important;
    color: rgba(17, 17, 17, 0.7) !important;
    border: none;
    transition: all .2s
}

.pagination .page-link:hover {
    background: linear-gradient(right, rgba(67, 183, 253, 0.15), rgba(67, 245, 253, 0.15)) !important;
    background: -webkit-linear-gradient(right, rgba(67, 183, 253, 0.15), rgba(67, 245, 253, 0.15)) !important
}

.pagination .active .page-link {
    background: linear-gradient(right, #00a4ff, #00f9ff) !important;
    background: -webkit-linear-gradient(right, #00a4ff, #00f9ff) !important;
    background: linear-gradient(right, #00a4ff, #00ceff) !important;
    background: -webkit-linear-gradient(right, #00a4ff, #00ceff) !important;
    text-shadow: .1rem 0 .2rem #00e4ff;
    -moz-text-shadow: .1rem 0 .2rem #00e4ff;
    -webkit-text-shadow: .1rem 0 .2rem #00e4ff;
    color: #fff !important
}

.pagination .active .page-link:hover {
    background-color: #00a4ff !important
}

.pagination .disabled .page-link {
    pointer-events: none;
    opacity: .8;
    filter: alpha(opacity=80)
}

.card {
    border: none;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    list-style: none;
    margin-bottom: 2rem
}

.card .card-header {
    font-size: 1.2rem;
    padding: 1.5rem 1.5rem;
    border-bottom: 1px rgba(221, 221, 221, 0.6) solid;
    border-color: rgba(221, 221, 221, 0.6) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    background-color: transparent
}

.card .card-img-top {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.card .card-body,
.card .card-footer {
    padding: 1.5rem 1.5rem
}

.card-text {
    height: 4.5rem;
    overflow: hidden;
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.card-text>span:first-child {
    color: #111 !important;
    margin-right: .2rem
}

@media (max-width:768px) {
    .card-text {
        height: 4rem;
        font-size: .65rem
    }
}

@media (min-width:576px) {
    .card-columns {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4
    }
}

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

.card-columns .card-text {
    max-height: 2.6rem;
    overflow-y: hidden
}

.card-columns .card-title {
    max-height: 2.6rem;
    overflow-y: hidden;
    margin-bottom: .75rem;
    color: rgba(17, 17, 17, 0.5) !important;
    color: #111 !important
}

.card-columns .card-title:hover,
.card-columns .card-title:focus,
.card-columns .card-title.active {
    color: #00a4ff !important;
    text-decoration: none
}

.card-columns .card-img-top {
    max-height: 20rem;
    overflow-y: hidden
}

.card-columns .card-body {
    padding-bottom: 0
}

.carousel {
    max-width: 100%;
    overflow-x: hidden;
    background-color: #00a4ff !important
}

.carousel-item {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    max-height: 39rem;
    overflow-y: hidden
}

@media (max-width:768px) {
    .carousel-item img {
        display: none !important
    }

    .carousel-item h1 {
        font-size: 3rem !important
    }
}

.carousel-item .carousel-caption {
    line-height: 2;
    left: 10%;
    right: 10%
}

.carousel-item .carousel-caption .display-4 {
    font-size: 3rem
}

.carousel-item .carousel-caption p {
    font-size: 1rem
}

@media screen and (max-width:1040px) {
    .carousel-item .carousel-caption {
        height: 90% !important
    }

    .carousel-item .carousel-caption .display-4 {
        font-size: 2rem !important;
        margin-top: 2rem
    }

    .carousel-item .carousel-caption h3 {
        font-size: 1.2rem !important
    }

    .carousel-item .carousel-caption p {
        max-height: 9.2rem;
        overflow-y: hidden;
        font-size: .9rem
    }
}

.carousel-control-next,
.carousel-control-prev {
    width: 10%
}

.carousel-control-next i,
.carousel-control-prev i {
    background-color: rgba(17, 17, 17, 0.2) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    font-size: 1.35rem !important;
    padding: .5rem 1rem
}

.carousel-indicators {
    margin-bottom: 2rem
}

.carousel-indicators li {
    width: 2rem;
    height: .5rem;
    border-radius: 10rem !important;
    -moz-border-radius: 10rem !important;
    -webkit-border-radius: 10rem !important;
    border: none;
    box-shadow: 0 0 3rem rgba(17, 17, 17, 0.1) !important;
    -moz-box-shadow: 0 0 3rem rgba(17, 17, 17, 0.1) !important;
    -webkit-box-shadow: 0 0 3rem rgba(17, 17, 17, 0.1) !important;
    opacity: .4;
    filter: alpha(opacity=40)
}

footer {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    border-top: 1px rgba(221, 221, 221, 0.6) solid;
    border-color: rgba(221, 221, 221, 0.6) !important;
    background-color: #fff !important
}

footer abbr {
    color: #000 !important
}

footer a {
    color: #777 !important;
    margin-left: .5rem
}

footer a:hover,
footer a:focus,
footer a:active,
footer a.active {
    color: #00a4ff !important
}

@media (max-width:738px) {
    footer a {
        margin-left: 0;
        display: block !important
    }
}

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

header .navbar {
    height: 100%;
    max-width: 1440px;
    overflow: hidden;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 0 1rem
}

header .navbar .navbar-toggler {
    border: none;
    padding: .4rem .75rem
}

header .navbar .nav-logo {
    width: 13rem;
    height: 3.5rem;
    background-position: center .15rem;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-bottom: 0
}

header .navbar .nav-item .nav-link {
    font-size: 1.05rem;
    margin-right: 1rem;
    font-weight: bold;
    width: fit-content
}

header .navbar .nav-item:last-child {
    margin: auto !important
}

header .navbar .nav-item:last-child a {
    line-height: 1.5;
    margin-left: 1rem;
    padding: .5rem .75rem !important;
    font-style: normal;
    line-height: 1;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: 'iconfont' !important;
    font-family: "微软雅黑" !important
}

header .navbar .nav-item:last-child a:before {
    font-family: 'iconfont' !important;
    margin-right: .2rem
}

header .navbar .nav-item:last-child a:before {
    content: "\e609"
}

header .navbar .nav-item:last-child a:hover:after,
header .navbar .nav-item:last-child a:focus:after {
    display: none !important
}

header .navbar .nav-item:last-child a:before {
    margin-right: .2rem;
    font-family: 'iconfont'
}

header.navbar-light {
    background-color: #ffffff
}

header.navbar-light .navbar-nav .nav-logo {
    background-image: url("../image/nav-light-logo.png")
}

header.navbar-light .navbar-nav .nav-link {
    line-height: 2;
    color: #111 !important;
    transition: all .3s !important
}

header.navbar-light .navbar-nav .nav-link:after {
    content: "";
    display: block !important;
    position: absolute;
    bottom: 0;
    width: 0%;
    border-bottom: 3px transparent solid;
    transition: width .3s
}

header.navbar-light .navbar-nav .nav-link:hover,
header.navbar-light .navbar-nav .nav-link:focus {
    color: #11a4fc !important;
    position: relative
}

header.navbar-light .navbar-nav .nav-link:hover:after,
header.navbar-light .navbar-nav .nav-link:focus:after {
    content: "";
    width: 80%;
    border-bottom: 3px #11a4fc solid
}

@media (max-width:768px) {

    header.navbar-light .navbar-nav .nav-link:hover:after,
    header.navbar-light .navbar-nav .nav-link:focus:after {
        display: none !important
    }
}

header.navbar-light .navbar-nav .active>.nav-link,
header.navbar-light .navbar-nav .nav-link.active {
    color: #11a4fc !important;
    position: relative
}

header.navbar-light .navbar-nav .active>.nav-link:after,
header.navbar-light .navbar-nav .nav-link.active:after {
    content: "";
    width: 80%;
    border-bottom: 3px #11a4fc solid
}

@media (max-width:768px) {

    header.navbar-light .navbar-nav .active>.nav-link:after,
    header.navbar-light .navbar-nav .nav-link.active:after {
        display: none !important
    }
}

header.navbar-light .navbar-nav .active:first-child>.nav-link:after,
header.navbar-light .navbar-nav .nav-link.active:first-child:after {
    width: 73%
}

header.navbar-light .navbar-toggler {
    color: rgba(17, 17, 17, 0.7) !important
}

header.navbar-light .navbar-toggler[aria-expanded="true"] {
    color: #111 !important
}

header.navbar-light .navbar-collapse {
    border-color: rgba(17, 17, 17, 0.2) !important
}

header.navbar-light .navbar-collapse:hover {
    border-color: rgba(17, 17, 17, 0.018)
}

header.navbar-light .nav-item:last-child a {
    font-size: .85rem;
    padding: .25rem 1rem;
    opacity: .8;
    filter: alpha(opacity=80);
    background-color: #00a4ff !important;
    border: none;
    color: #fff !important;
    font-size: 1.05rem;
    border: 2px solid #00a4ff
}

header.navbar-light .nav-item:last-child a:hover,
header.navbar-light .nav-item:last-child a:focus,
header.navbar-light .nav-item:last-child a:active {
    opacity: 1;
    filter: alpha(opacity=100)
}

@media (max-width:768px) {
    header.navbar-light .nav-item:last-child a {
        font-size: .65rem;
        padding: .375rem 1rem
    }
}

header.navbar-light .nav-item:last-child a:hover,
header.navbar-light .nav-item:last-child a:focus,
header.navbar-light .nav-item:last-child a:active {
    color: #fff !important
}

header.navbar-light .nav-item:last-child.active a:after {
    display: none !important
}

header.navbar-light .navbar-brand h6 .iconfont,
header.navbar-light .navbar-brand h6 small {
    color: #fd8420 !important
}

header.navbar-light .navbar-brand h6 p {
    color: rgba(17, 17, 17, 0.8) !important
}

header.navbar-dark {
    background-color: #00070a
}

header.navbar-dark .navbar-nav .nav-logo {
    background-image: url("../image/nav-light-logo.png")
}

header.navbar-dark .navbar-nav .nav-link {
    line-height: 2;
    color: #f5f5f5 !important;
    transition: all .3s !important
}

header.navbar-dark .navbar-nav .nav-link:after {
    content: "";
    display: block !important;
    position: absolute;
    bottom: 0;
    width: 0%;
    border-bottom: 3px transparent solid;
    transition: width .3s
}

header.navbar-dark .navbar-nav .nav-link:hover,
header.navbar-dark .navbar-nav .nav-link:focus {
    color: #11a4fc !important;
    position: relative
}

header.navbar-dark .navbar-nav .nav-link:hover:after,
header.navbar-dark .navbar-nav .nav-link:focus:after {
    content: "";
    width: 80%;
    border-bottom: 3px #11a4fc solid
}

@media (max-width:768px) {

    header.navbar-dark .navbar-nav .nav-link:hover:after,
    header.navbar-dark .navbar-nav .nav-link:focus:after {
        display: none !important
    }
}

header.navbar-dark .navbar-nav .active>.nav-link,
header.navbar-dark .navbar-nav .nav-link.active {
    color: #11a4fc !important;
    position: relative
}

header.navbar-dark .navbar-nav .active>.nav-link:after,
header.navbar-dark .navbar-nav .nav-link.active:after {
    content: "";
    width: 80%;
    border-bottom: 3px #11a4fc solid
}

@media (max-width:768px) {

    header.navbar-dark .navbar-nav .active>.nav-link:after,
    header.navbar-dark .navbar-nav .nav-link.active:after {
        display: none !important
    }
}

header.navbar-dark .navbar-nav .active:first-child>.nav-link:after,
header.navbar-dark .navbar-nav .nav-link.active:first-child:after {
    width: 73%
}

header.navbar-dark .navbar-toggler {
    color: rgba(245, 245, 245, 0.7) !important
}

header.navbar-dark .navbar-toggler[aria-expanded="true"] {
    color: #f5f5f5 !important
}

header.navbar-dark .navbar-collapse {
    border-color: rgba(245, 245, 245, 0.2) !important
}

header.navbar-dark .navbar-collapse:hover {
    border-color: rgba(245, 245, 245, 0.018)
}

header.navbar-dark .nav-item:last-child a {
    font-size: .85rem;
    padding: .25rem 1rem;
    opacity: .8;
    filter: alpha(opacity=80);
    border: 1px rgba(221, 221, 221, 0.6) solid;
    border-color: rgba(221, 221, 221, 0.6) !important;
    border-color: #00a4ff !important;
    color: #00a4ff !important;
    font-size: 1.05rem;
    border-width: 2px;
    opacity: .95;
    filter: alpha(opacity=95);
    background-color: rgba(0, 164, 255, 0.3) !important
}

header.navbar-dark .nav-item:last-child a:hover,
header.navbar-dark .nav-item:last-child a:focus,
header.navbar-dark .nav-item:last-child a:active {
    opacity: 1;
    filter: alpha(opacity=100)
}

@media (max-width:768px) {
    header.navbar-dark .nav-item:last-child a {
        font-size: .65rem;
        padding: .375rem 1rem
    }
}

header.navbar-dark .nav-item:last-child a:hover {
    border-color: rgba(0, 164, 255, 0.09)
}

header.navbar-dark .nav-item:last-child a:hover {
    background-color: #00a4ff !important;
    color: #fff !important
}

header.navbar-dark .nav-item:last-child.active a:after {
    display: none !important
}

header.navbar-dark .navbar-brand h6 {
    border-color: rgba(255, 255, 255, 0.3) !important
}

header.navbar-dark .navbar-brand h6:hover {
    border-color: rgba(255, 255, 255, 0.027)
}

header.navbar-dark .navbar-brand h6 .iconfont,
header.navbar-dark .navbar-brand h6 small {
    color: #fd8420 !important
}

header.navbar-dark .navbar-brand h6 p {
    color: #fff !important
}

.navbar-light .nav-logo {
    background-image: url("../image/nav-light-logo.png")
}

.navbar-dark .nav-logo {
    background-image: url("../image/nav-light-logo.png")
}

.zoomImage {
    overflow: hidden
}

.zoomImage .zoomImg-a {
    width: 100%;
    cursor: pointer
}

.zoomImage .zoomImg-a .zoomImg11,
.zoomImage .zoomImg-a .zoomImg43,
.zoomImage .zoomImg-a .zoomImg34,
.zoomImage .zoomImg-a .zoomImg53,
.zoomImage .zoomImg-a .zoomImg169 {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.zoomImage .zoomImg-a .zoomImg11.null,
.zoomImage .zoomImg-a .zoomImg43.null,
.zoomImage .zoomImg-a .zoomImg34.null,
.zoomImage .zoomImg-a .zoomImg53.null,
.zoomImage .zoomImg-a .zoomImg169.null {
    border-radius: .25rem !important;
    -moz-border-radius: .25rem !important;
    -webkit-border-radius: .25rem !important;
    border: 1px rgba(221, 221, 221, 0.6) solid;
    border-color: rgba(221, 221, 221, 0.6) !important;
    color: #f93232 !important;
    height: 0;
    text-align: center !important
}

.zoomImage .zoomImg-a .zoomImg21 {
    padding-top: 50%
}

.zoomImage .zoomImg-a .zoomImg21.null {
    padding-top: 25%;
    padding-bottom: 25%
}

.zoomImage .zoomImg-a .zoomImg53 {
    padding-top: 60%
}

.zoomImage .zoomImg-a .zoomImg53.null {
    padding-top: 30%;
    padding-bottom: 30%
}

.zoomImage .zoomImg-a .zoomImg43 {
    padding-top: 75%
}

.zoomImage .zoomImg-a .zoomImg43.null {
    padding-top: 37.5%;
    padding-bottom: 37.5%
}

.zoomImage .zoomImg-a .zoomImg34 {
    padding-top: 133.33%
}

.zoomImage .zoomImg-a .zoomImg34.null {
    padding-top: 66.665%;
    padding-bottom: 66.665%
}

.zoomImage .zoomImg-a .zoomImg169 {
    padding-top: 33.33%
}

.zoomImage .zoomImg-a .zoomImg169.null {
    padding-top: 16.665%;
    padding-bottom: 16.665%
}

body .full {
    max-width: 1440px;
    margin-right: auto !important;
    margin-left: auto !important;
    position: relative;
    overflow-x: hidden
}

body .full #right {
    border-left: 1px rgba(221, 221, 221, 0.6) solid;
    border-color: rgba(221, 221, 221, 0.6) !important
}

body .full ul,
body .full dl {
    list-style: none
}

body .full h3 small {
    display: block !important;
    font-size: .85rem !important;
    color: #ddd !important;
    line-height: 1.5;
    letter-spacing: .06rem
}

body .item-title,
body .info-title {
    height: 4.8rem;
    text-transform: uppercase;
    display: flex !important;
    align-items: center !important
}

body .info-title {
    color: #000 !important
}

body.list .info-title {
    height: 2.8rem !important;
    font-size: 1.2rem;
    line-height: 1;
    color: #000 !important;
    display: flex !important;
    font-weight: bold
}

body.list .info-title:hover,
body.list .info-title:focus,
body.list .info-title:active,
body.list .info-title.active {
    color: #00a4ff !important
}

@media (max-width:768px) {
    body.list .info-title {
        font-size: 1rem
    }
}

body.list small {
    color: #111 !important
}

body.info .number-item {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

body.info .number-item li b {
    font-size: 1.2rem !important
}

body.info .number-item li i {
    font-size: 2.15rem !important
}

body.info .info-title {
    font-size: 1.35rem !important
}

body.info .info-text {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    color: rgba(0, 0, 0, 0.8) !important;
    font-size: 1rem
}

body.info .info-text p {
    margin-bottom: 1rem
}

body.info .info-text p strong {
    color: #000 !important
}

body.info .info-text img {
    max-width: 100%;
    overflow-x: hidden
}

body #data-null {
    text-align: center !important;
    color: #ddd !important;
    background-color: #fff !important;
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

body #data-null:before {
    content: "\e602";
    display: block !important;
    font-style: normal;
    line-height: 1;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: 'iconfont' !important;
    font-size: 6rem !important;
    color: #ddd !important;
    margin-top: 1rem
}

body #data-null:before:before {
    font-family: 'iconfont' !important;
    margin-right: .2rem
}

.news-list {
    margin-top: 1.5rem
}

.news-list dd {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px rgba(221, 221, 221, 0.6) dashed;
    display: inline-flex !important;
    justify-content: space-between !important
}

@media (max-width:768px) {
    .news-list dd {
        margin-bottom: .75rem;
        padding-bottom: .75rem
    }
}

.news-list dd img {
    width: 20rem;
    height: 12rem;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.news-list .zoomImg-a {
    width: initial !important
}

.news-list .zoomImg-a .zoomImg53 {
    width: 13rem !important;
    overflow: hidden
}

@media (max-width:768px) {
    .news-list .zoomImg-a .zoomImg53 {
        width: 7rem !important
    }
}

.product-info li {
    margin-top: 1rem;
    margin-bottom: 1rem;
    line-height: 3.6
}

.product-info h6 {
    color: #000 !important
}

.product-info .product-table th,
.product-info .product-table td {
    vertical-align: middle !important
}

.product-info .product-table thead th {
    font-weight: normal
}

.product-info .product-table tbody th {
    width: 5%;
    text-align: center !important;
    color: rgba(17, 17, 17, 0.7) !important
}

.product-info .product-table tbody tr td {
    color: rgba(17, 17, 17, 0.7) !important
}

.product-info .product-table tbody tr .icon {
    text-align: center !important
}

.product-info .product-table tbody tr .icon .iconfont {
    font-size: 1.75rem
}

.product-info .product-table tbody tr .title {
    width: 18%;
    color: #000 !important;
    font-size: 1rem
}

.case-list {
    padding-left: 1rem;
    padding-right: 1rem
}

@media (max-width:768px) {
    .case-list li {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .case-list li .info-title {
        height: 2.2rem;
        margin-bottom: .5rem
    }
}

.case-list li .card {
    margin-top: 1.5rem;
    margin-bottom: 0;
    border: 1px rgba(221, 221, 221, 0.6) solid;
    border-color: rgba(221, 221, 221, 0.6) !important
}

.case-list li .card .card-body {
    padding: .5rem 1rem
}

@media (max-width:768px) {
    .case-list li .card .card-body {
        padding-left: .5rem;
        padding-right: .5rem
    }
}

.case-list li.best .card {
    position: relative
}

.case-list li.best .card:before {
    font-style: normal;
    line-height: 1;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: 'Font Awesome 5 Free' !important;
    content: "\f005";
    position: absolute;
    top: .25rem;
    right: .25rem;
    z-index: 2;
    color: #fff !important;
    font-size: .65rem;
    font-weight: normal
}

.case-list li.best .card:before:before {
    font-family: 'Font Awesome 5 Free' !important;
    margin-right: .2rem
}

.case-list li.best .card:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: block !important;
    width: 2.2rem;
    height: 2.2rem;
    background: linear-gradient(45deg, transparent 50%, #f93232 0%);
    background-size: 100%;
    border-top-right-radius: 0;
    transform: rotate(0deg)
}

.number-item {
    margin-top: .75rem;
    margin-bottom: .75rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: rgba(221, 221, 221, 0.3) !important
}

.number-item li {
    border-right: 1px rgba(221, 221, 221, 0.6) solid;
    border-color: rgba(221, 221, 221, 0.6) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important
}

.number-item li:hover small,
.number-item li:hover b {
    color: #00a4ff !important
}

.number-item li:last-child {
    border: none
}

.number-item li b {
    display: block !important;
    color: #000 !important;
    font-family: Arial, -apple-system, "微软雅黑", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: normal;
    font-size: .9rem
}

.number-item li small {
    display: flex !important;
    align-items: center !important;
    color: rgba(17, 17, 17, 0.4) !important
}

.number-item li small i {
    font-size: 1.35rem !important
}

#join {
    background-color: #04043a !important
}

#join .img-bg {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%
}

#join .join-guestbook {
    background-color: rgba(0, 164, 255, 0.1) !important;
    text-align: left !important
}

.side {
    background-color: #00070a !important;
    width: 3.1rem;
    bottom: 3%;
    right: 2%;
    left: auto;
    top: auto
}

.side a {
    padding: 1rem .5rem;
    color: rgba(255, 255, 255, 0.5) !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: center !important;
    font-size: .65rem !important
}

.side a i {
    font-size: 1.35rem !important;
    line-height: .8
}

.side a:hover {
    color: #00a4ff !important
}

.side a:last-child {
    border-top: 1px rgba(255, 255, 255, 0.15) solid;
    color: #00a4ff !important
}

.menu {
    margin-bottom: 0
}

.menu.menu-fixed {
    position: fixed;
    top: 4.6rem;
    width: 14.5%
}

.menu .item-title {
    font-family: Arial, -apple-system, "微软雅黑", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 2.4rem !important;
    color: #ddd !important;
    padding-left: 0 !important;
    padding-right: .75 !important
}

.menu .card-body {
    padding-left: 0 !important;
    padding-right: .75rem !important
}

.menu .btn-link-hover {
    background-color: #00a4ff !important;
    color: #fff !important;
    text-shadow: .1rem 0 .2rem #00a4ff;
    -moz-text-shadow: .1rem 0 .2rem #00a4ff;
    -webkit-text-shadow: .1rem 0 .2rem #00a4ff;
    box-shadow: 0 0 1rem rgba(17, 17, 17, 0.05) !important;
    -moz-box-shadow: 0 0 1rem rgba(17, 17, 17, 0.05) !important;
    -webkit-box-shadow: 0 0 1rem rgba(17, 17, 17, 0.05) !important
}

.menu .nav-link {
    color: rgba(17, 17, 17, 0.7) !important;
    padding-top: .6rem;
    padding-bottom: .6rem;
    margin-top: .375rem;
    margin-bottom: .375rem;
    background-color: rgba(221, 221, 221, 0.3) !important;
    font-size: .9rem
}

.menu .nav-link:hover,
.menu .nav-link:focus,
.menu .nav-link:active {
    color: #fff !important;
    background-color: #00a4ff !important
}

.menu .active>.nav-link,
.menu .nav-link.active {
    background-color: #00a4ff !important;
    color: #fff !important;
    text-shadow: .1rem 0 .2rem #00a4ff;
    -moz-text-shadow: .1rem 0 .2rem #00a4ff;
    -webkit-text-shadow: .1rem 0 .2rem #00a4ff;
    box-shadow: 0 0 1rem rgba(17, 17, 17, 0.05) !important;
    -moz-box-shadow: 0 0 1rem rgba(17, 17, 17, 0.05) !important;
    -webkit-box-shadow: 0 0 1rem rgba(17, 17, 17, 0.05) !important
}

.menu.nav-case.menu-fixed {
    position: initial;
    width: 100%
}

.menu.nav-case .item-title {
    display: none !important
}

.menu.nav-case .card-body {
    padding-left: 0;
    padding-right: 0
}

.menu.nav-case .nav-link {
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-left: .5rem;
    margin-right: .5rem;
    font-size: .9rem;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.menu-com.menu-fixed {
    position: initial;
    width: 100%
}

.menu-com .item-title {
    display: none !important
}

.menu-com .card-body {
    padding-left: 0;
    padding-right: 0
}

.menu-com .nav-link {
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-left: .5rem;
    margin-right: .5rem;
    font-size: .9rem;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

#index .product,
#index .plan,
#index .case,
#index .news,
#index .about,
#index .friendlink,
#index .partner {
    padding-top: 3rem;
    padding-bottom: 3rem
}

#index .product ul,
#index .plan ul,
#index .case ul,
#index .news ul,
#index .about ul,
#index .friendlink ul,
#index .partner ul,
#index .product dl,
#index .plan dl,
#index .case dl,
#index .news dl,
#index .about dl,
#index .friendlink dl,
#index .partner dl {
    margin-bottom: 0
}

@media (max-width:768px) {

    #index .product,
    #index .plan,
    #index .case,
    #index .news,
    #index .about,
    #index .friendlink,
    #index .partner {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

#index .product h3,
#index .plan h3,
#index .case h3,
#index .news h3,
#index .about h3,
#index .friendlink h3,
#index .partner h3 {
    font-weight: bold
}

@media (max-width:768px) {

    #index .product h3,
    #index .plan h3,
    #index .case h3,
    #index .news h3,
    #index .about h3,
    #index .friendlink h3,
    #index .partner h3 {
        font-size: 1.35rem
    }
}

#index .product h5,
#index .plan h5,
#index .case h5,
#index .news h5,
#index .about h5,
#index .friendlink h5,
#index .partner h5 {
    color: #000 !important
}

#index .product .product-item {
    text-align: left !important
}

#index .product .product-item li {
    text-align: center !important;
    color: #111 !important
}

#index .product .product-item li .iconfont {
    color: #00a4ff !important;
    display: block !important;
    font-size: 4rem;
    line-height: 1.5
}

#index .product .full>div:nth-child(2n+1) {
    display: flex !important;
    flex-direction: row-reverse !important
}

#index .plan .list-item li,
#index .advantage .list-item li {
    text-align: center !important
}

#index .plan .list-item li img,
#index .advantage .list-item li img {
    max-height: 96px;
    overflow-y: hidden
}

#index .plan .list-item li h6,
#index .advantage .list-item li h6 {
    color: #000 !important;
    margin-top: 1rem
}

#index .plan .list-item li p,
#index .advantage .list-item li p {
    width: 80%;
    margin-right: auto !important;
    margin-left: auto !important;
    max-height: 10.2rem;
    overflow-y: hidden
}

#index .advantage .list-item li h6:after {
    content: "";
    width: 20%;
    display: block !important;
    margin: auto !important;
    height: .75rem;
    border-bottom: 4px #00a4ff solid
}

#index .case .info-title {
    height: 2.8rem;
    font-size: 1.2rem !important
}

#index .case .case-list {
    padding-left: 0;
    padding-right: 0
}

#index .case .case-star li .text-hide {
    background-size: cover
}

#index .case .case-star li h5 {
    color: #fff !important
}

#index .case .case-star li p {
    color: rgba(255, 255, 255, 0.5) !important
}

#index .case .case-star li img,
#index .case .case-star li .case-star-info {
    height: 16rem;
    background-color: rgba(255, 255, 255, 0.1) !important
}

#index .case .case-star .case-star-list li {
    display: flex !important;
    flex-direction: column !important;
    opacity: .8;
    filter: alpha(opacity=80)
}

#index .case .case-star .case-star-list li:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

#index .case .case-star .case-star-list li:hover h5 {
    color: #00a4ff !important
}

#index .case .case-star .case-star-list li:nth-child(2n) img {
    order: 2
}

#index .case .case-star .case-star-list li:nth-child(2n) .case-star-info {
    order: 1
}

@media (max-width:768px) {
    #index .case .case-star .case-star-list li:nth-child(2n) img {
        order: 1
    }

    #index .case .case-star .case-star-list li:nth-child(2n) .case-star-info {
        order: 2
    }
}

#index .news {
    background-color: #276cf2 !important;
    color: #fff !important;
    overflow: hidden
}

#index .news h5 {
    color: #fff !important
}

#index .news p {
    max-height: 2.8rem;
    overflow-y: hidden;
    color: rgba(255, 255, 255, 0.5) !important
}

#index .news .video .video-mp4 {
    width: 100%;
    height: 23.2rem;
    overflow: hidden
}

#index .news .video .video-mp4 img {
    width: 100%
}

#index .news .video .video-title {
    height: 7rem;
    background-color: #225acc !important
}

#index .news .news-list {
    margin-top: 0
}

#index .news .news-list li {
    display: flex !important;
    justify-content: space-between !important;
    border-bottom: 1px rgba(221, 221, 221, 0.6) solid;
    border-color: rgba(221, 221, 221, 0.6) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem
}

#index .news .news-list li:hover {
    border-color: rgba(255, 255, 255, 0.018)
}

#index .news .news-list li img {
    max-height: 30rem;
    overflow-y: hidden
}

#index .news .news-list li p {
    max-height: 4.8rem;
    overflow-y: hidden
}

#index .about .about-info {
    max-height: 12rem;
    overflow-y: hidden
}

#index .about .zoomImage .zoomImg-a {
    cursor: default
}

#index .partner {
    padding-bottom: 0;
    background: linear-gradient(to bottom, #00070a 67.1%, #ffffff 67.1%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00a4ff', GradientType=0)
}

#index .partner ul {
    margin-bottom: 0
}

#index .partner .partner-star li:hover .card {
    box-shadow: 0 0 3rem rgba(17, 17, 17, 0.1) !important;
    -moz-box-shadow: 0 0 3rem rgba(17, 17, 17, 0.1) !important;
    -webkit-box-shadow: 0 0 3rem rgba(17, 17, 17, 0.1) !important
}

#index .partner .partner-star small {
    color: #000 !important
}

#index .friendlink .partner-logos {
    margin-left: 0;
    margin-right: 0;
    padding: 1.25rem 1.25rem
}

#index .friendlink .partner-logos li {
    padding: .75rem .5rem;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    transition: all .3s
}

#index .friendlink .partner-logos li:hover,
#index .friendlink .partner-logos li:focus {
    background-color: #fff !important
}

#index .friendlink .partner-logos li a img {
    max-height: 4rem;
    overflow-y: hidden
}

#index footer {
    background-color: #f5f5f5 !important
}

@media (max-width:1366px) {
    .item-title {
        font-size: 2.15rem
    }
}

@media (max-width:1178px) {
    header .navbar .nav-item .nav-link {
        font-size: .9rem;
        margin-right: .5rem
    }
}

@media (max-width:768px) {

    .nb-invite-wrap,
    #nb_invite_wrap {
        display: none !important
    }

    .carousel-item .zoomImg169 {
        padding-top: 50% !important
    }

    .navbar .navbar-collapse {
        padding-top: 1rem;
        padding-bottom: 1rem;
        border-top: 1px rgba(221, 221, 221, 0.6) solid;
        border-color: rgba(221, 221, 221, 0.6) !important
    }

    .navbar .navbar-collapse .nav-item {
        margin: 0 auto
    }

    .navbar .nav-item:last-child {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .navbar .nav-item:last-child a {
        margin-left: 0 !important;
        font-size: 1rem !important
    }

    #index .partner {
        padding-bottom: 0
    }

    #index .partner .partner-star {
        margin-left: -0.5rem;
        margin-right: -0.5rem;
        margin-top: 1rem
    }

    #index .partner .partner-star li {
        padding-left: .5rem;
        padding-right: .5rem
    }

    #index .partner h5 {
        font-size: 1rem !important
    }

    #index .partner p {
        max-height: 3rem !important;
        overflow-y: hidden !important;
        line-height: 1.4;
        font-size: .8rem
    }

    #index .partner .card-body {
        padding: .5rem .5rem
    }

    #index .case img,
    #index .case .case-star-info {
        height: auto !important
    }

    #index .case img h5,
    #index .case .case-star-info h5 {
        margin-bottom: .5rem !important
    }

    #index .case img p,
    #index .case .case-star-info p {
        margin-bottom: 1rem
    }

    #index .case .case-star-list {
        margin-left: -0.5rem;
        margin-right: -0.5rem
    }

    #index .case .case-star-list li {
        margin-bottom: 1rem;
        padding-left: .5rem;
        padding-right: .5rem
    }

    #index .case .info-title {
        line-height: 1;
        font-size: 1rem !important
    }

    #index .news .video-mp4 {
        height: 16rem !important
    }

    #index .news .video-mp4 img {
        width: 100%
    }

    #index .news .video-title h5 {
        max-height: 1.2rem;
        overflow-y: hidden;
        font-size: 1rem !important
    }

    #index .news .news-list h5 {
        font-size: .85rem !important
    }

    #index .news .news-list li {
        padding-bottom: .75rem;
        margin-bottom: .75rem
    }

    #index .news .news-list li img {
        max-width: 100%;
        overflow-x: hidden;
        max-height: 100;
        overflow-y: hidden
    }

    #index .news .news-list li p {
        max-height: 1.4rem;
        overflow-y: hidden;
        line-height: 1.5
    }

    #index .news .news-list li:last-child {
        border-bottom: 1px rgba(221, 221, 221, 0.6) solid;
        border-color: rgba(221, 221, 221, 0.6) !important;
        border-color: rgba(255, 255, 255, 0.2) !important;
        padding-bottom: .75rem;
        margin-bottom: .75rem
    }

    #index .news .news-list li:last-child:hover {
        border-color: rgba(255, 255, 255, 0.018)
    }

    #index .plan .list-item li p,
    #index .advantage .list-item li p {
        max-height: 8.8rem;
        overflow-y: hidden
    }

    #index .partner-logos {
        padding: .75rem .75rem
    }

    .number-item {
        margin-bottom: 0;
        padding-top: .5rem;
        padding-bottom: 0;
        background: none !important;
        border-top: 1px rgba(221, 221, 221, 0.6) solid;
        border-color: rgba(221, 221, 221, 0.6) !important
    }

    .number-item li {
        border: none;
        flex-direction: row !important
    }

    .number-item li b {
        flex: 1 1 auto !important;
        font-size: .65rem
    }

    .number-item li small {
        margin-right: .5rem
    }

    .number-item li small i {
        font-size: .9rem
    }

    .list .news-list div:first-child {
        width: 30%
    }

    .list .news-list div:first-child img {
        width: 100%;
        height: 4rem
    }

    .list .news-list div:last-child {
        width: 70%
    }

    .list .news-list div:last-child .info-title {
        max-height: 1rem;
        overflow-y: hidden;
        align-items: start !important;
        margin-bottom: .5rem
    }

    .list .news-list div:last-child .card-text {
        display: none !important
    }

    .list .news-list div:last-child .link-more {
        display: block !important;
        margin-top: .3rem;
        font-size: .65rem !important
    }

    .info .info-text {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .info .number-item {
        margin-top: .5rem;
        margin-bottom: .5rem;
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .info .number-item li {
        flex: 0 0 25%;
        max-width: 25%;
        overflow-x: hidden
    }

    .info .number-item li b {
        font-size: .85rem !important
    }

    .info .number-item li i {
        font-size: 1.35rem !important
    }

    .side {
        width: 92%;
        bottom: 2%;
        left: 0;
        right: 0;
        margin-right: auto !important;
        margin-left: auto !important;
        border-radius: .4rem !important;
        -moz-border-radius: .4rem !important;
        -webkit-border-radius: .4rem !important
    }

    .side a {
        color: rgba(255, 255, 255, 0.6) !important;
        padding: .75rem 1rem
    }

    .side a i {
        line-height: 1.5
    }

    .side a small {
        margin-bottom: .5rem
    }

    .side a:last-child {
        border: none;
        color: rgba(255, 255, 255, 0.6) !important
    }

    .page-item {
        display: none !important
    }

    .page-item:first-child,
    .page-item:last-child {
        display: block !important
    }

    .menu.menu-fixed {
        position: initial;
        width: 100%
    }

    .menu .item-title {
        display: none !important
    }

    .menu .card-body {
        padding-left: 0;
        padding-right: 0
    }

    .menu .nav-link {
        padding-top: .5rem;
        padding-bottom: .5rem;
        margin-left: .5rem;
        margin-right: .5rem;
        font-size: .9rem;
        border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important
    }

    .menu.nav-case .nav-link {
        margin-left: .25rem;
        margin-right: .25rem;
        font-size: .8rem
    }

    #join .join-title {
        font-size: 1rem !important
    }

    #join .slogan {
        font-size: 4rem
    }

    #join .iconfont {
        font-size: 2rem
    }
}