/* reset */
*,
*:before,
*:after {
    box-sizing: border-box;
}
*:not(ul):not(ol) {
    padding: 0;
    margin: 0;
}
*:focus {
    outline-style: none;
    outline: 0;
}
*:not(pre):not(code) {
    -webkit-font-smoothing: antialiased;
}
body,
input,
button,
textarea,
select {
    font: 14px/1.42857143 "Montserrat", Arial, sans-serif;
    font-weight: 500;
    letter-spacing: -0.025em;
}
body {
    background-color: hsl(0, 0%, 98%);
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary,
audio,
canvas,
video {
    display: block;
}
a,
a:active,
a:hover {
    word-wrap: break-word;
    text-decoration: none;
}
label {
    cursor: default;
}
textarea {
    vertical-align: top;
    width: 100%;
    overflow: auto;
    resize: none;
}
textarea:not([rows]) {
    height: 3em;
}
button {
    text-align: inherit;
    text-transform: none;
    background-color: transparent;
    overflow: visible;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
ul,
ol {
    margin-top: 0;
    margin-bottom: 0;
}
ul ul,
ul ol,
ol ul,
ol ol {
    margin-bottom: 0;
}
li {
    list-style-position: inside;
    display: list-item;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
th,
td,
caption {
    font-weight: 500;
    vertical-align: top;
    text-align: left;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
    position: relative;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    vertical-align: middle;
    display: inline-block;
    border: 0;
}
hr {
    box-sizing: content-box;
    width: 100%;
    height: 1px;
    background-color: hsla(0, 0%, 0%, 0.15);
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    border: 0;
}
q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}
p:not(:last-child):not(.hint) {
    margin-bottom: 20px;
}
[hidden] {
    display: none;
}
.mobile * {
    -webkit-tap-highlight-color: transparent;
}
.ios {
    -webkit-text-size-adjust: 100%;
}
.firefox input::-moz-focus-inner,
.firefox button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.chrome input:-webkit-autofill {
    transition-delay: 9999s;
    transition: color 0s ease-out, background-color 9999s ease-out;
}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .mac.chrome body {
        backface-visibility: hidden;
        perspective: 1000;
    }
}
/* helpers */
.visible {
    display: block !important;
}
.hidden,
.desktop .visible-mobile,
.desktop .hidden-dekstop,
.mobile .visible-desktop,
.mobile .hidden-mobile {
    display: none !important;
}
.rtl {
    direction: rtl;
}
.full-w,
.clearfix,
.img-fluid {
    width: 100% !important;
}
.full-h {
    height: 100% !important;
}
.auto-h {
    height: auto !important;
}
.left {
    float: left;
}
.right {
    float: right;
}
.automargin {
    margin-right: auto;
    margin-left: auto;
    display: block;
}
.no-user-select {
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.no-float {
    float: none !important;
}
.set-fixed {
    position: fixed !important;
}
.set-relative {
    position: relative !important;
}
.set-absolute {
    position: absolute !important;
}
.set-t {
    top: 0;
}
.set-r {
    right: 0;
}
.set-b {
    bottom: 0;
}
.set-l {
    left: 0;
}
.set-h {
    right: 0;
    left: 0;
}
.set-v {
    top: 0;
    bottom: 0;
}
.set-all {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.set-cx {
    left: 50%;
    transform: translateX(-50%);
}
.set-cy {
    top: 50%;
    transform: translateY(-50%);
}
.set-c {
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
}
.cursor-default {
    cursor: default !important;
}
.cursor-pointer {
    cursor: pointer !important;
}
.clearfix {
    clear: both !important;
    display: block;
}
.img-fluid {
    height: auto !important;
}
.highlight {
    display: block;
}
.highlight:not(:last-child) {
    margin-bottom: 20px !important;
}
.block,
.block-1st > *:not(.row):not([class*="hidden-"]),
.block-2nd > * > *:not(.row):not([class*="hidden-"]) {
    width: 100%;
    display: block !important;
}
.inline,
.inline-1st > *:not(.row):not([class*="hidden-"]),
.inline-2nd > * > *:not(.row):not([class*="hidden-"]) {
    display: inline !important;
}
.inline-block,
.inline-block-1st > *:not(.row):not([class*="hidden-"]),
.inline-block-2nd > * > *:not(.row):not([class*="hidden-"]) {
    vertical-align: middle !important;
    display: inline-block !important;
}
.scroll {
    overflow: auto !important;
}
.scroll-v {
    overflow-y: auto !important;
}
.scroll-h {
    overflow-x: auto !important;
}
.no-scroll {
    overflow: hidden !important;
}
[class*="round-"],
[class*="circle-"],
.round,
.circle {
    background-clip: padding-box;
}
.round {
    border-radius: 6px;
}
.round > .round {
    border-radius: 5px;
}
.round-t {
    border-radius: 6px 6px 0 0;
}
.round-r {
    border-radius: 0 6px 6px 0;
}
.round-b {
    border-radius: 0 0 6px 6px;
}
.round-l {
    border-radius: 6px 0 0 6px;
}
.round-tl {
    border-radius: 6px 0 0 0;
}
.round-tr {
    border-radius: 0 6px 0 0;
}
.round-bl {
    border-radius: 0 0 0 6px;
}
.round-br {
    border-radius: 0 0 6px 0;
}
.circle {
    border-radius: 1000px;
}
.circle-t {
    border-radius: 1000px 1000px 0 0;
}
.circle-r {
    border-radius: 0 1000px 1000px 0;
}
.circle-b {
    border-radius: 0 0 1000px 1000px;
}
.circle-l {
    border-radius: 1000px 0 0 1000px;
}
.shadow {
    box-shadow: 0 1px 4px hsla(0, 0%, 0%, 0.2);
}
.shadow-sm {
    box-shadow: 0 1px 3px hsla(0, 0%, 0%, 0.1);
}
.shadow-lg {
    box-shadow: 0 5px 15px hsla(0, 0%, 0%, 0.2);
}
.shadow-in {
    box-shadow: inset 0 1px 4px hsla(0, 0%, 0%, 0.2);
}
.shadow-in-sm {
    box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.1);
}
.shadow-in-lg {
    box-shadow: inset 0 5px 15px hsla(0, 0%, 0%, 0.2);
}
.no-opacity,
.desktop .opacity:hover,
.desktop .opacity-more:hover {
    opacity: 1 !important;
}
.opacity {
    opacity: 0.75 !important;
}
.opacity-more {
    opacity: 0.45 !important;
}
.opacity-half {
    opacity: 0.5 !important;
}
.opacity-full {
    opacity: 0 !important;
}
.desktop .hover-opacity:hover,
.desktop .hover-opacity-1st > *:hover,
.desktop .hover-opacity-2nd > * > *:hover {
    opacity: 0.75;
}
.desktop .hover-shadow:hover,
.desktop .hover-shadow-1st > *:hover,
.desktop .hover-shadow-2nd > * > *:hover {
    box-shadow: 0 5px 15px hsla(0, 0%, 0%, 0.3);
}
.desktop .hover-scale:hover,
.desktop .hover-scale-1st > *:hover,
.desktop .hover-scale-2nd > * > *:hover {
    transform: scale(1.06);
}
.desktop .hover-scale-more:hover,
.desktop .hover-scale-more-1st > *:hover,
.desktop .hover-scale-more-2nd > * > *:hover {
    transform: scale(1.2);
}
.desktop .hover-t:hover,
.desktop .hover-t-1st > *:hover,
.desktop .hover-t-2nd > * > *:hover {
    transform: translateY(-1%);
}
.desktop .hover-t-more:hover,
.desktop .hover-t-more-1st > *:hover,
.desktop .hover-t-more-2nd > * > *:hover {
    transform: translateY(-5%);
}
.desktop .hover-r:hover,
.desktop .hover-r-1st > *:hover,
.desktop .hover-r-2nd > * > *:hover {
    transform: translateX(1%);
}
.desktop .hover-r-more:hover,
.desktop .hover-r-more-1st > *:hover,
.desktop .hover-r-more-2nd > * > *:hover {
    transform: translateX(5%);
}
.desktop .hover-b:hover,
.desktop .hover-b-1st > *:hover,
.desktop .hover-b-2nd > * > *:hover {
    transform: translateY(1%);
}
.desktop .hover-b-more:hover,
.desktop .hover-b-more-1st > *:hover,
.desktop .hover-b-more-2nd > * > *:hover {
    transform: translateY(5%);
}
.desktop .hover-l:hover,
.desktop .hover-l-1st > *:hover,
.desktop .hover-l-2nd > * > *:hover {
    transform: translateX(-1%);
}
.desktop .hover-l-more:hover,
.desktop .hover-l-more-1st > *:hover,
.desktop .hover-l-more-2nd > * > *:hover {
    transform: translateX(-5%);
}
.mobile .scroll,
.mobile .scroll-v,
.mobile .scroll-h {
    -webkit-overflow-scrolling: touch;
}
.list-custom,
.list-inline,
.list-custom ul,
.list-inline ul,
.list-custom ol,
.list-inline ol,
.list-unstyled {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.list-unstyled:not(:last-child) {
    margin-bottom: 20px;
}
.list-inline ul,
.list-inline ol,
.list-inline li {
    vertical-align: middle;
    display: inline-block;
}
[class*="sp-"] {
    width: 100%;
    display: block !important;
    clear: both !important;
}
.sp-1 {
    height: 1px;
}
.sp-2 {
    height: 2px;
}
.sp-3 {
    height: 3px;
}
.sp-4 {
    height: 4px;
}
.sp-5 {
    height: 5px;
}
.sp-10 {
    height: 10px;
}
.sp-15 {
    height: 15px;
}
.sp-20 {
    height: 20px;
}
.sp-25 {
    height: 25px;
}
.sp-30 {
    height: 30px;
}
.align-justify {
    text-align: justify !important;
}
.align-nowrap {
    white-space: nowrap !important;
}
.align-r,
.align-r * {
    text-align: right !important;
}
.align-l,
.align-l * {
    text-align: left !important;
}
.align-c,
.align-c * {
    text-align: center !important;
}
@media print {
    .hidden-print {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
    .no-float-lg {
        float: none !important;
    }
}
@media (min-width: 960px) {
    .visible-md {
        display: none !important;
    }
}
@media (max-width: 959px) {
    .md-full-w {
        width: 100% !important;
    }
    .hidden-md {
        display: none !important;
    }
}
@media (min-width: 768px) {
    .visible-sm {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 959px) {
    .img-md-fluid {
        width: 100% !important;
        height: auto !important;
    }
    .no-float-md {
        float: none !important;
    }
    .clearfix-md {
        clear: both !important;
        display: block;
    }
    .md-align-c,
    .md-align-c *,
    .md-align-c *,
    .md-align-c * * {
        text-align: center !important;
    }
    .md-align-l,
    .md-align-l *,
    .md-align-l *,
    .md-align-l * * {
        text-align: left !important;
    }
    .md-align-r,
    .md-align-r *,
    .md-align-r *,
    .md-align-r * * {
        text-align: right !important;
    }
}
@media (max-width: 767px) {
    .sm-full-w {
        width: 100% !important;
    }
    .hidden-sm {
        display: none !important;
    }
}
@media (min-width: 481px) {
    .visible-xs {
        display: none !important;
    }
}
@media (min-width: 481px) and (max-width: 767px) {
    .img-md-fluid,
    .img-sm-fluid {
        width: 100% !important;
        height: auto !important;
    }
    .no-float-md,
    .no-float-sm {
        float: none !important;
    }
    .clearfix-md,
    .clearfix-sm {
        clear: both !important;
        display: block;
    }
    .md-align-c,
    .sm-align-c,
    .md-align-c *,
    .sm-align-c *,
    .md-align-c *,
    .sm-align-c *,
    .md-align-c * *,
    .sm-align-c * * {
        text-align: center !important;
    }
    .md-align-l,
    .sm-align-l,
    .md-align-l *,
    .sm-align-l *,
    .md-align-l *,
    .sm-align-l *,
    .md-align-l * *,
    .sm-align-l * * {
        text-align: left !important;
    }
    .md-align-r,
    .sm-align-r,
    .md-align-r *,
    .sm-align-r *,
    .md-align-r *,
    .sm-align-r *,
    .md-align-r * *,
    .sm-align-r * * {
        text-align: right !important;
    }
}
@media (max-width: 480px) {
    .xs-full-w {
        width: 100% !important;
    }
    .hidden-xs {
        display: none !important;
    }
    .img-md-fluid,
    .img-sm-fluid,
    .img-xs-fluid {
        width: 100% !important;
        height: auto !important;
    }
    .no-float-md,
    .no-float-sm,
    .no-float-xs {
        float: none !important;
    }
    .clearfix-md,
    .clearfix-sm,
    .clearfix-xs {
        clear: both !important;
        display: block;
    }
    .md-align-c,
    .sm-align-c,
    .xs-align-c,
    .md-align-c *,
    .sm-align-c *,
    .xs-align-c *,
    .md-align-c *,
    .sm-align-c *,
    .xs-align-c *,
    .md-align-c * *,
    .sm-align-c * *,
    .xs-align-c * * {
        text-align: center !important;
    }
    .md-align-l,
    .sm-align-l,
    .xs-align-l,
    .md-align-l *,
    .sm-align-l *,
    .xs-align-l *,
    .md-align-l *,
    .sm-align-l *,
    .xs-align-l *,
    .md-align-l * *,
    .sm-align-l * *,
    .xs-align-l * * {
        text-align: left !important;
    }
    .md-align-r,
    .sm-align-r,
    .xs-align-r,
    .md-align-r *,
    .sm-align-r *,
    .xs-align-r *,
    .md-align-r *,
    .sm-align-r *,
    .xs-align-r *,
    .md-align-r * *,
    .sm-align-r * *,
    .xs-align-r * * {
        text-align: right !important;
    }
}
@media (max-width: 1199px) {
    .visible-lg {
        display: none !important;
    }
    .clearfix-lg {
        clear: both !important;
        display: block;
    }
    .lg-align-c,
    .lg-align-c *,
    .lg-align-c *,
    .lg-align-c * * {
        text-align: center !important;
    }
    .lg-align-l,
    .lg-align-l *,
    .lg-align-l *,
    .lg-align-l * * {
        text-align: left !important;
    }
    .lg-align-r,
    .lg-align-r *,
    .lg-align-r *,
    .lg-align-r * * {
        text-align: right !important;
    }
}
@media (max-width: 1679px) {
    .visible-xl {
        display: none !important;
    }
}
@media (min-width: 1680px) {
    .hidden-xl {
        display: none !important;
    }
    .no-float-xl {
        float: none !important;
    }
    .xl-align-c,
    .xl-align-c *,
    .xl-align-c *,
    .xl-align-c * * {
        text-align: center !important;
    }
    .xl-align-l,
    .xl-align-l *,
    .xl-align-l *,
    .xl-align-l * * {
        text-align: left !important;
    }
    .xl-align-r,
    .xl-align-r *,
    .xl-align-r *,
    .xl-align-r * * {
        text-align: right !important;
    }
}
/* grid */
.container,
.fixed {
    width: 100%;
    display: block;
    padding-right: 10px;
    padding-left: 10px;
}
.container:before,
.fixed:before,
.container:after,
.fixed:after {
    content: "";
    display: table;
}
.container:after,
.fixed:after {
    clear: both;
}
.fixed {
    margin-right: auto;
    margin-left: auto;
    display: block;
}
.no-gutter {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
html .row {
    display: flex;
}
.row {
    margin-right: -10px;
    margin-left: -10px;
    flex-wrap: wrap;
}
.row:before,
.row:after {
    content: normal !important;
}
.row > [class*="col-"]:not(.col-static) {
    padding: 10px;
}
.row-gap-lg,
.row-gap-lg-h {
    margin-right: -15px;
    margin-left: -15px;
}
.row-gap-lg > [class*="col-"]:not(.col-static) {
    padding: 15px;
}
.row-gap-lg-v > [class*="col-"]:not(.col-static) {
    padding-top: 15px;
    padding-bottom: 15px;
}
.row-gap-lg-h > [class*="col-"]:not(.col-static) {
    padding-right: 15px;
    padding-left: 15px;
}
.row-gap-md,
.row-gap-md-h {
    margin-right: -5px;
    margin-left: -5px;
}
.row-gap-md > [class*="col-"]:not(.col-static) {
    padding: 5px;
}
.row-gap-md-v > [class*="col-"]:not(.col-static) {
    padding-top: 5px;
    padding-bottom: 5px;
}
.row-gap-md-h > [class*="col-"]:not(.col-static) {
    padding-right: 5px;
    padding-left: 5px;
}
.row-gap-sm,
.row-gap-sm-h {
    margin-right: -2px;
    margin-left: -2px;
}
.row-gap-sm > [class*="col-"]:not(.col-static) {
    padding: 2px;
}
.row-gap-sm-v > [class*="col-"]:not(.col-static) {
    padding-top: 2px;
    padding-bottom: 2px;
}
.row-gap-sm-h > [class*="col-"]:not(.col-static) {
    padding-right: 2px;
    padding-left: 2px;
}
.row-gap-xs,
.row-gap-xs-h {
    margin-right: -1px;
    margin-left: -1px;
}
.row-gap-xs > [class*="col-"]:not(.col-static) {
    padding: 1px;
}
.row-gap-xs-v > [class*="col-"]:not(.col-static) {
    padding-top: 1px;
    padding-bottom: 1px;
}
.row-gap-xs-h > [class*="col-"]:not(.col-static) {
    padding-right: 1px;
    padding-left: 1px;
}
.no-row-gap,
.no-row-gap-h {
    margin-right: inherit;
    margin-left: inherit;
}
.no-row-gap > [class*="col-"]:not(.col-static) {
    padding: 0;
}
.no-row-gap-v > [class*="col-"]:not(.col-static) {
    padding-top: 0;
    padding-bottom: 0;
}
.no-row-gap-h > [class*="col-"]:not(.col-static) {
    padding-right: 0;
    padding-left: 0;
}
[class*="col-"] {
    min-height: 1px;
    display: block;
}
[class*="push-"],
[class*="pull-"] {
    position: relative;
}
.col-1 {
    width: 8.33333333%;
}
.offset-1 {
    margin-left: 8.33333333%;
}
.push-1 {
    left: 8.33333333%;
}
.pull-1 {
    right: 8.33333333%;
}
.col-2 {
    width: 16.66666667%;
}
.offset-2 {
    margin-left: 16.66666667%;
}
.push-2 {
    left: 16.66666667%;
}
.pull-2 {
    right: 16.66666667%;
}
.col-3 {
    width: 25%;
}
.offset-3 {
    margin-left: 25%;
}
.push-3 {
    left: 25%;
}
.pull-3 {
    right: 25%;
}
.col-4 {
    width: 33.33333333%;
}
.offset-4 {
    margin-left: 33.33333333%;
}
.push-4 {
    left: 33.33333333%;
}
.pull-4 {
    right: 33.33333333%;
}
.col-5 {
    width: 41.66666667%;
}
.offset-5 {
    margin-left: 41.66666667%;
}
.push-5 {
    left: 41.66666667%;
}
.pull-5 {
    right: 41.66666667%;
}
.col-6 {
    width: 50%;
}
.offset-6 {
    margin-left: 50%;
}
.push-6 {
    left: 50%;
}
.pull-6 {
    right: 50%;
}
.col-7 {
    width: 58.33333333%;
}
.offset-7 {
    margin-left: 58.33333333%;
}
.push-7 {
    left: 58.33333333%;
}
.pull-7 {
    right: 58.33333333%;
}
.col-8 {
    width: 66.66666667%;
}
.offset-8 {
    margin-left: 66.66666667%;
}
.push-8 {
    left: 66.66666667%;
}
.pull-8 {
    right: 66.66666667%;
}
.col-9 {
    width: 75%;
}
.offset-9 {
    margin-left: 75%;
}
.push-9 {
    left: 75%;
}
.pull-9 {
    right: 75%;
}
.col-10 {
    width: 83.33333333%;
}
.offset-10 {
    margin-left: 83.33333333%;
}
.push-10 {
    left: 83.33333333%;
}
.pull-10 {
    right: 83.33333333%;
}
.col-11 {
    width: 91.66666667%;
}
.offset-11 {
    margin-left: 91.66666667%;
}
.push-11 {
    left: 91.66666667%;
}
.pull-11 {
    right: 91.66666667%;
}
.col-12 {
    width: 100%;
}
.offset-12 {
    margin-left: 100%;
}
.push-12 {
    left: 100%;
}
.pull-12 {
    right: 100%;
}
.col-5x {
    width: 20%;
}
.col-7x {
    width: 14.28571429%;
}
.col-8x {
    width: 12.5%;
}
.col-9x {
    width: 11.11111111%;
}
.col-static {
    width: 100%;
    display: table;
    table-layout: fixed;
}
.col-static > .row,
.col-static > [class*="col-"] {
    vertical-align: top;
    display: table-cell;
}
.col-static > .row {
    width: 100%;
    margin-left: inherit;
    margin-right: inherit;
    table-layout: fixed;
}
.col-static > .row > [class*="col-"]:not(.col-static):not(.col-12) {
    float: left;
}
.col-50 {
    width: 50px;
}
.col-100 {
    width: 100px;
}
.col-150 {
    width: 150px;
}
.col-200 {
    width: 200px;
}
.col-250 {
    width: 250px;
}
.col-300 {
    width: 300px;
}
.col-350 {
    width: 350px;
}
.col-400 {
    width: 400px;
}
.col-450 {
    width: 450px;
}
.col-500 {
    width: 500px;
}
.col-32 {
    width: 32px;
}
.col-42 {
    width: 42px;
}
@media (min-width: 1200px) {
    .fixed {
        max-width: 1200px;
    }
    .fixed-xl {
        max-width: 1400px;
    }
    .no-gutter-lg {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .offset-lg-0 {
        margin-left: 0;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .offset-lg-1 {
        margin-left: 8.33333333%;
    }
    .push-lg-1 {
        left: 8.33333333%;
    }
    .pull-lg-1 {
        right: 8.33333333%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .offset-lg-2 {
        margin-left: 16.66666667%;
    }
    .push-lg-2 {
        left: 16.66666667%;
    }
    .pull-lg-2 {
        right: 16.66666667%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .push-lg-3 {
        left: 25%;
    }
    .pull-lg-3 {
        right: 25%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .offset-lg-4 {
        margin-left: 33.33333333%;
    }
    .push-lg-4 {
        left: 33.33333333%;
    }
    .pull-lg-4 {
        right: 33.33333333%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .offset-lg-5 {
        margin-left: 41.66666667%;
    }
    .push-lg-5 {
        left: 41.66666667%;
    }
    .pull-lg-5 {
        right: 41.66666667%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .push-lg-6 {
        left: 50%;
    }
    .pull-lg-6 {
        right: 50%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .offset-lg-7 {
        margin-left: 58.33333333%;
    }
    .push-lg-7 {
        left: 58.33333333%;
    }
    .pull-lg-7 {
        right: 58.33333333%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .offset-lg-8 {
        margin-left: 66.66666667%;
    }
    .push-lg-8 {
        left: 66.66666667%;
    }
    .pull-lg-8 {
        right: 66.66666667%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .push-lg-9 {
        left: 75%;
    }
    .pull-lg-9 {
        right: 75%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .offset-lg-10 {
        margin-left: 83.33333333%;
    }
    .push-lg-10 {
        left: 83.33333333%;
    }
    .pull-lg-10 {
        right: 83.33333333%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .offset-lg-11 {
        margin-left: 91.66666667%;
    }
    .push-lg-11 {
        left: 91.66666667%;
    }
    .pull-lg-11 {
        right: 91.66666667%;
    }
    .col-lg-12 {
        width: 100%;
    }
    .offset-lg-12 {
        margin-left: 100%;
    }
    .push-lg-12 {
        left: 100%;
    }
    .pull-lg-12 {
        right: 100%;
    }
    .col-lg-5x {
        width: 20%;
    }
    .col-lg-7x {
        width: 14.28571429%;
    }
    .col-lg-8x {
        width: 12.5%;
    }
    .col-lg-9x {
        width: 11.11111111%;
    }
    .col-lg-50 {
        width: 50px;
    }
    .col-lg-100 {
        width: 100px;
    }
    .col-lg-150 {
        width: 150px;
    }
    .col-lg-200 {
        width: 200px;
    }
    .col-lg-250 {
        width: 250px;
    }
    .col-lg-300 {
        width: 300px;
    }
    .col-lg-350 {
        width: 350px;
    }
    .col-lg-400 {
        width: 400px;
    }
    .col-lg-450 {
        width: 450px;
    }
    .col-lg-500 {
        width: 500px;
    }
    .col-lg-32 {
        width: 32px;
    }
    .col-lg-42 {
        width: 42px;
    }
}
@media (min-width: 768px) and (max-width: 959px) {
    .no-gutter-md {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .offset-md-0 {
        margin-left: 0;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .offset-md-1 {
        margin-left: 8.33333333%;
    }
    .push-md-1 {
        left: 8.33333333%;
    }
    .pull-md-1 {
        right: 8.33333333%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .offset-md-2 {
        margin-left: 16.66666667%;
    }
    .push-md-2 {
        left: 16.66666667%;
    }
    .pull-md-2 {
        right: 16.66666667%;
    }
    .col-md-3 {
        width: 25%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .push-md-3 {
        left: 25%;
    }
    .pull-md-3 {
        right: 25%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .offset-md-4 {
        margin-left: 33.33333333%;
    }
    .push-md-4 {
        left: 33.33333333%;
    }
    .pull-md-4 {
        right: 33.33333333%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .offset-md-5 {
        margin-left: 41.66666667%;
    }
    .push-md-5 {
        left: 41.66666667%;
    }
    .pull-md-5 {
        right: 41.66666667%;
    }
    .col-md-6 {
        width: 50%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .push-md-6 {
        left: 50%;
    }
    .pull-md-6 {
        right: 50%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .offset-md-7 {
        margin-left: 58.33333333%;
    }
    .push-md-7 {
        left: 58.33333333%;
    }
    .pull-md-7 {
        right: 58.33333333%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .offset-md-8 {
        margin-left: 66.66666667%;
    }
    .push-md-8 {
        left: 66.66666667%;
    }
    .pull-md-8 {
        right: 66.66666667%;
    }
    .col-md-9 {
        width: 75%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .push-md-9 {
        left: 75%;
    }
    .pull-md-9 {
        right: 75%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .offset-md-10 {
        margin-left: 83.33333333%;
    }
    .push-md-10 {
        left: 83.33333333%;
    }
    .pull-md-10 {
        right: 83.33333333%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .offset-md-11 {
        margin-left: 91.66666667%;
    }
    .push-md-11 {
        left: 91.66666667%;
    }
    .pull-md-11 {
        right: 91.66666667%;
    }
    .col-md-12 {
        width: 100%;
    }
    .offset-md-12 {
        margin-left: 100%;
    }
    .push-md-12 {
        left: 100%;
    }
    .pull-md-12 {
        right: 100%;
    }
    .col-md-5x {
        width: 20%;
    }
    .col-md-7x {
        width: 14.28571429%;
    }
    .col-md-8x {
        width: 12.5%;
    }
    .col-md-9x {
        width: 11.11111111%;
    }
    .col-md-50 {
        width: 50px;
    }
    .col-md-100 {
        width: 100px;
    }
    .col-md-150 {
        width: 150px;
    }
    .col-md-200 {
        width: 200px;
    }
    .col-md-250 {
        width: 250px;
    }
    .col-md-300 {
        width: 300px;
    }
    .col-md-350 {
        width: 350px;
    }
    .col-md-400 {
        width: 400px;
    }
    .col-md-450 {
        width: 450px;
    }
    .col-md-500 {
        width: 500px;
    }
    .col-md-32 {
        width: 32px;
    }
    .col-md-42 {
        width: 42px;
    }
    .row:not(.no-fluid):not(.sm-fluid):not(.xs-fluid) > [class*="col-"]:not([class*="col-md-"]):not([class*="col-sm-"]):not([class*="col-xs-"]):not(.no-fluid):not(.sm-fluid):not(.xs-fluid) {
        width: 100%;
        clear: both;
    }
    .row:not(.no-fluid):not(.sm-fluid):not(.xs-fluid) > [class*="offset-"]:not([class*="offset-md-"]):not([class*="offset-sm-"]):not([class*="offset-xs-"]):not(.no-fluid):not(.sm-fluid):not(.xs-fluid) {
        margin-left: 0;
    }
    .row:not(.no-fluid):not(.sm-fluid):not(.xs-fluid) > [class*="push-"]:not([class*="push-md-"]):not([class*="push-sm-"]):not([class*="push-xs-"]):not(.no-fluid):not(.sm-fluid):not(.xs-fluid) {
        left: 0;
    }
    .row:not(.no-fluid):not(.sm-fluid):not(.xs-fluid) > [class*="pull-"]:not([class*="pull-md-"]):not([class*="pull-sm-"]):not([class*="pull-xs-"]):not(.no-fluid):not(.sm-fluid):not(.xs-fluid) {
        right: 0;
    }
    .col-static:not(.no-fluid):not(.sm-fluid):not(.xs-fluid) > .row,
    .col-static:not(.no-fluid):not(.sm-fluid):not(.xs-fluid) > [class*="col-"] {
        width: 100%;
        display: block;
    }
}
@media (min-width: 481px) and (max-width: 767px) {
    .no-gutter-md,
    .no-gutter-sm {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .offset-sm-1 {
        margin-left: 8.33333333%;
    }
    .push-sm-1 {
        left: 8.33333333%;
    }
    .pull-sm-1 {
        right: 8.33333333%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .offset-sm-2 {
        margin-left: 16.66666667%;
    }
    .push-sm-2 {
        left: 16.66666667%;
    }
    .pull-sm-2 {
        right: 16.66666667%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .push-sm-3 {
        left: 25%;
    }
    .pull-sm-3 {
        right: 25%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .offset-sm-4 {
        margin-left: 33.33333333%;
    }
    .push-sm-4 {
        left: 33.33333333%;
    }
    .pull-sm-4 {
        right: 33.33333333%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .offset-sm-5 {
        margin-left: 41.66666667%;
    }
    .push-sm-5 {
        left: 41.66666667%;
    }
    .pull-sm-5 {
        right: 41.66666667%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .push-sm-6 {
        left: 50%;
    }
    .pull-sm-6 {
        right: 50%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .offset-sm-7 {
        margin-left: 58.33333333%;
    }
    .push-sm-7 {
        left: 58.33333333%;
    }
    .pull-sm-7 {
        right: 58.33333333%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .offset-sm-8 {
        margin-left: 66.66666667%;
    }
    .push-sm-8 {
        left: 66.66666667%;
    }
    .pull-sm-8 {
        right: 66.66666667%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .push-sm-9 {
        left: 75%;
    }
    .pull-sm-9 {
        right: 75%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .offset-sm-10 {
        margin-left: 83.33333333%;
    }
    .push-sm-10 {
        left: 83.33333333%;
    }
    .pull-sm-10 {
        right: 83.33333333%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .offset-sm-11 {
        margin-left: 91.66666667%;
    }
    .push-sm-11 {
        left: 91.66666667%;
    }
    .pull-sm-11 {
        right: 91.66666667%;
    }
    .col-sm-12 {
        width: 100%;
    }
    .offset-sm-12 {
        margin-left: 100%;
    }
    .push-sm-12 {
        left: 100%;
    }
    .pull-sm-12 {
        right: 100%;
    }
    .col-sm-5x {
        width: 20%;
    }
    .col-sm-7x {
        width: 14.28571429%;
    }
    .col-sm-8x {
        width: 12.5%;
    }
    .col-sm-9x {
        width: 11.11111111%;
    }
    .col-sm-50 {
        width: 50px;
    }
    .col-sm-100 {
        width: 100px;
    }
    .col-sm-150 {
        width: 150px;
    }
    .col-sm-200 {
        width: 200px;
    }
    .col-sm-250 {
        width: 250px;
    }
    .col-sm-300 {
        width: 300px;
    }
    .col-sm-350 {
        width: 350px;
    }
    .col-sm-400 {
        width: 400px;
    }
    .col-sm-450 {
        width: 450px;
    }
    .col-sm-500 {
        width: 500px;
    }
    .col-sm-32 {
        width: 32px;
    }
    .col-sm-42 {
        width: 42px;
    }
    .row.sm-fluid > [class*="col-"],
    .row:not(.no-fluid):not(.xs-fluid) > [class*="col-"]:not([class*="col-sm-"]):not([class*="col-xs-"]):not(.no-fluid):not(.xs-fluid) {
        width: 100%;
        clear: both;
    }
    .row:not(.no-fluid):not(.xs-fluid) > [class*="offset-"]:not([class*="offset-sm-"]):not([class*="offset-xs-"]):not(.no-fluid):not(.xs-fluid) {
        margin-left: 0;
    }
    .row:not(.no-fluid):not(.xs-fluid) > [class*="push-"]:not([class*="push-sm-"]):not([class*="push-xs-"]):not(.no-fluid):not(.xs-fluid) {
        left: 0;
    }
    .row:not(.no-fluid):not(.xs-fluid) > [class*="pull-"]:not([class*="pull-sm-"]):not([class*="pull-xs-"]):not(.no-fluid):not(.xs-fluid) {
        right: 0;
    }
    .col-static:not(.no-fluid):not(.xs-fluid) > .row,
    .col-static:not(.no-fluid):not(.xs-fluid) > [class*="col-"] {
        width: 100%;
        display: block;
    }
}
@media (max-width: 480px) {
    .no-gutter-md,
    .no-gutter-sm,
    .no-gutter-xs {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .container {
        min-width: 320px;
    }
    .offset-xs-0 {
        margin-left: 0;
    }
    .col-xs-1 {
        width: 8.33333333%;
    }
    .offset-xs-1 {
        margin-left: 8.33333333%;
    }
    .push-xs-1 {
        left: 8.33333333%;
    }
    .pull-xs-1 {
        right: 8.33333333%;
    }
    .col-xs-2 {
        width: 16.66666667%;
    }
    .offset-xs-2 {
        margin-left: 16.66666667%;
    }
    .push-xs-2 {
        left: 16.66666667%;
    }
    .pull-xs-2 {
        right: 16.66666667%;
    }
    .col-xs-3 {
        width: 25%;
    }
    .offset-xs-3 {
        margin-left: 25%;
    }
    .push-xs-3 {
        left: 25%;
    }
    .pull-xs-3 {
        right: 25%;
    }
    .col-xs-4 {
        width: 33.33333333%;
    }
    .offset-xs-4 {
        margin-left: 33.33333333%;
    }
    .push-xs-4 {
        left: 33.33333333%;
    }
    .pull-xs-4 {
        right: 33.33333333%;
    }
    .col-xs-5 {
        width: 41.66666667%;
    }
    .offset-xs-5 {
        margin-left: 41.66666667%;
    }
    .push-xs-5 {
        left: 41.66666667%;
    }
    .pull-xs-5 {
        right: 41.66666667%;
    }
    .col-xs-6 {
        width: 50%;
    }
    .offset-xs-6 {
        margin-left: 50%;
    }
    .push-xs-6 {
        left: 50%;
    }
    .pull-xs-6 {
        right: 50%;
    }
    .col-xs-7 {
        width: 58.33333333%;
    }
    .offset-xs-7 {
        margin-left: 58.33333333%;
    }
    .push-xs-7 {
        left: 58.33333333%;
    }
    .pull-xs-7 {
        right: 58.33333333%;
    }
    .col-xs-8 {
        width: 66.66666667%;
    }
    .offset-xs-8 {
        margin-left: 66.66666667%;
    }
    .push-xs-8 {
        left: 66.66666667%;
    }
    .pull-xs-8 {
        right: 66.66666667%;
    }
    .col-xs-9 {
        width: 75%;
    }
    .offset-xs-9 {
        margin-left: 75%;
    }
    .push-xs-9 {
        left: 75%;
    }
    .pull-xs-9 {
        right: 75%;
    }
    .col-xs-10 {
        width: 83.33333333%;
    }
    .offset-xs-10 {
        margin-left: 83.33333333%;
    }
    .push-xs-10 {
        left: 83.33333333%;
    }
    .pull-xs-10 {
        right: 83.33333333%;
    }
    .col-xs-11 {
        width: 91.66666667%;
    }
    .offset-xs-11 {
        margin-left: 91.66666667%;
    }
    .push-xs-11 {
        left: 91.66666667%;
    }
    .pull-xs-11 {
        right: 91.66666667%;
    }
    .col-xs-12 {
        width: 100%;
    }
    .offset-xs-12 {
        margin-left: 100%;
    }
    .push-xs-12 {
        left: 100%;
    }
    .pull-xs-12 {
        right: 100%;
    }
    .col-xs-5x {
        width: 20%;
    }
    .col-xs-7x {
        width: 14.28571429%;
    }
    .col-xs-8x {
        width: 12.5%;
    }
    .col-xs-9x {
        width: 11.11111111%;
    }
    .col-xs-50 {
        width: 50px;
    }
    .col-xs-100 {
        width: 100px;
    }
    .col-xs-150 {
        width: 150px;
    }
    .col-xs-200 {
        width: 200px;
    }
    .col-xs-250 {
        width: 250px;
    }
    .col-xs-300 {
        width: 300px;
    }
    .col-xs-350 {
        width: 350px;
    }
    .col-xs-400 {
        width: 400px;
    }
    .col-xs-450 {
        width: 450px;
    }
    .col-xs-500 {
        width: 500px;
    }
    .col-xs-32 {
        width: 32px;
    }
    .col-xs-42 {
        width: 42px;
    }
    .row.xs-fluid > [class*="col-"],
    .row:not(.no-fluid) > [class*="col-"]:not([class*="col-xs-"]):not(.no-fluid) {
        width: 100%;
        clear: both;
    }
    .row:not(.no-fluid) > [class*="offset-"]:not([class*="offset-xs-"]):not(.no-fluid) {
        margin-left: 0;
    }
    .row:not(.no-fluid) > [class*="push-"]:not([class*="push-xs-"]):not(.no-fluid) {
        left: 0;
    }
    .row:not(.no-fluid) > [class*="pull-"]:not([class*="pull-xs-"]):not(.no-fluid) {
        right: 0;
    }
    .col-static:not(.no-fluid) > .row,
    .col-static:not(.no-fluid) > [class*="col-"] {
        width: 100%;
        display: block;
    }
}
@media (max-width: 1199px) {
    .lg-fluid.row > [class*="col-"],
    [class*="col-"].lg-fluid {
        width: 100%;
        clear: both;
    }
    .lg-fluid.col-static > .row,
    .lg-fluid.col-static > [class*="col-"] {
        width: 100%;
        display: block;
    }
    [class*="offset-"].lg-fluid {
        margin-left: 0;
    }
    [class*="push-"].lg-fluid {
        left: 0;
    }
    [class*="pull-"].lg-fluid {
        right: 0;
    }
}
@media (max-width: 1679px) {
    .xl-fluid.row > [class*="col-"],
    [class*="col-"].xl-fluid {
        width: 100%;
        clear: both;
    }
    .xl-fluid.col-static > .row,
    .xl-fluid.col-static > [class*="col-"] {
        width: 100%;
        display: block;
    }
    [class*="offset-"].xl-fluid {
        margin-left: 0;
    }
    [class*="push-"].xl-fluid {
        left: 0;
    }
    [class*="pull-"].xl-fluid {
        right: 0;
    }
}
@media (min-width: 1680px) {
    .no-gutter-xl {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .offset-xl-0 {
        margin-left: 0;
    }
    .col-xl-1 {
        width: 8.33333333%;
    }
    .offset-xl-1 {
        margin-left: 8.33333333%;
    }
    .push-xl-1 {
        left: 8.33333333%;
    }
    .pull-xl-1 {
        right: 8.33333333%;
    }
    .col-xl-2 {
        width: 16.66666667%;
    }
    .offset-xl-2 {
        margin-left: 16.66666667%;
    }
    .push-xl-2 {
        left: 16.66666667%;
    }
    .pull-xl-2 {
        right: 16.66666667%;
    }
    .col-xl-3 {
        width: 25%;
    }
    .offset-xl-3 {
        margin-left: 25%;
    }
    .push-xl-3 {
        left: 25%;
    }
    .pull-xl-3 {
        right: 25%;
    }
    .col-xl-4 {
        width: 33.33333333%;
    }
    .offset-xl-4 {
        margin-left: 33.33333333%;
    }
    .push-xl-4 {
        left: 33.33333333%;
    }
    .pull-xl-4 {
        right: 33.33333333%;
    }
    .col-xl-5 {
        width: 41.66666667%;
    }
    .offset-xl-5 {
        margin-left: 41.66666667%;
    }
    .push-xl-5 {
        left: 41.66666667%;
    }
    .pull-xl-5 {
        right: 41.66666667%;
    }
    .col-xl-6 {
        width: 50%;
    }
    .offset-xl-6 {
        margin-left: 50%;
    }
    .push-xl-6 {
        left: 50%;
    }
    .pull-xl-6 {
        right: 50%;
    }
    .col-xl-7 {
        width: 58.33333333%;
    }
    .offset-xl-7 {
        margin-left: 58.33333333%;
    }
    .push-xl-7 {
        left: 58.33333333%;
    }
    .pull-xl-7 {
        right: 58.33333333%;
    }
    .col-xl-8 {
        width: 66.66666667%;
    }
    .offset-xl-8 {
        margin-left: 66.66666667%;
    }
    .push-xl-8 {
        left: 66.66666667%;
    }
    .pull-xl-8 {
        right: 66.66666667%;
    }
    .col-xl-9 {
        width: 75%;
    }
    .offset-xl-9 {
        margin-left: 75%;
    }
    .push-xl-9 {
        left: 75%;
    }
    .pull-xl-9 {
        right: 75%;
    }
    .col-xl-10 {
        width: 83.33333333%;
    }
    .offset-xl-10 {
        margin-left: 83.33333333%;
    }
    .push-xl-10 {
        left: 83.33333333%;
    }
    .pull-xl-10 {
        right: 83.33333333%;
    }
    .col-xl-11 {
        width: 91.66666667%;
    }
    .offset-xl-11 {
        margin-left: 91.66666667%;
    }
    .push-xl-11 {
        left: 91.66666667%;
    }
    .pull-xl-11 {
        right: 91.66666667%;
    }
    .col-xl-12 {
        width: 100%;
    }
    .offset-xl-12 {
        margin-left: 100%;
    }
    .push-xl-12 {
        left: 100%;
    }
    .pull-xl-12 {
        right: 100%;
    }
    .col-xl-5x {
        width: 20%;
    }
    .col-xl-7x {
        width: 14.28571429%;
    }
    .col-xl-8x {
        width: 12.5%;
    }
    .col-xl-9x {
        width: 11.11111111%;
    }
    .col-xl-50 {
        width: 50px;
    }
    .col-xl-100 {
        width: 100px;
    }
    .col-xl-150 {
        width: 150px;
    }
    .col-xl-200 {
        width: 200px;
    }
    .col-xl-250 {
        width: 250px;
    }
    .col-xl-300 {
        width: 300px;
    }
    .col-xl-350 {
        width: 350px;
    }
    .col-xl-400 {
        width: 400px;
    }
    .col-xl-450 {
        width: 450px;
    }
    .col-xl-500 {
        width: 500px;
    }
    .col-xl-32 {
        width: 32px;
    }
    .col-xl-42 {
        width: 42px;
    }
}
/* borders */
.border,
.border-t,
.border-r,
.border-b,
.border-l,
.border-h,
.border-v,
.border-dual,
.border-lg {
    border: solid 1px hsla(0, 0%, 0%, 0.15);
}
.border[class*="ui-bg-dark-"],
.border-t[class*="ui-bg-dark-"],
.border-r[class*="ui-bg-dark-"],
.border-b[class*="ui-bg-dark-"],
.border-l[class*="ui-bg-dark-"],
.border-h[class*="ui-bg-dark-"],
.border-v[class*="ui-bg-dark-"],
.border-dual[class*="ui-bg-dark-"],
.border-lg[class*="ui-bg-dark-"],
[class*="ui-bg-dark-"] .border,
[class*="ui-bg-dark-"] .border-t,
[class*="ui-bg-dark-"] .border-r,
[class*="ui-bg-dark-"] .border-b,
[class*="ui-bg-dark-"] .border-l,
[class*="ui-bg-dark-"] .border-h,
[class*="ui-bg-dark-"] .border-v,
[class*="ui-bg-dark-"] .border-dual,
[class*="ui-bg-dark-"] .border-lg {
    border-color: hsla(0, 0%, 100%, 0.065) !important;
}
.border-dual {
    border-width: 2px !important;
}
.border-lg {
    border-width: 5px !important;
}
.border-dashed {
    border-style: dashed;
}
.border-dotted {
    border-style: dotted;
}
.border-light {
    border-color: hsla(0, 0%, 0%, 0.045) !important;
}
.border-light[class*="ui-bg-dark-"],
[class*="ui-bg-dark-"] .border-light {
    border-color: hsla(0, 0%, 100%, 0.065) !important;
}
.border-dark {
    border-color: hsla(0, 0%, 0%, 0.35) !important;
}
.border-t {
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
}
.border-r {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
}
.border-b {
    border-top: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
}
.border-l {
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
}
.border-h {
    border-top: 0 !important;
    border-bottom: 0 !important;
}
.border-v {
    border-right: 0 !important;
    border-left: 0 !important;
}
.no-border {
    border-width: 0 !important;
}
/* paddings */
.padding-1 {
    padding: 1px !important;
}
.padding-1-t {
    padding-top: 1px !important;
}
.padding-1-r {
    padding-right: 1px !important;
}
.padding-1-b {
    padding-bottom: 1px !important;
}
.padding-1-l {
    padding-left: 1px !important;
}
.padding-1-h {
    padding-left: 1px !important;
    padding-right: 1px !important;
}
.padding-1-v {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}
.padding-2 {
    padding: 2px !important;
}
.padding-2-t {
    padding-top: 2px !important;
}
.padding-2-r {
    padding-right: 2px !important;
}
.padding-2-b {
    padding-bottom: 2px !important;
}
.padding-2-l {
    padding-left: 2px !important;
}
.padding-2-h {
    padding-left: 2px !important;
    padding-right: 2px !important;
}
.padding-2-v {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.padding-3 {
    padding: 3px !important;
}
.padding-3-t {
    padding-top: 3px !important;
}
.padding-3-r {
    padding-right: 3px !important;
}
.padding-3-b {
    padding-bottom: 3px !important;
}
.padding-3-l {
    padding-left: 3px !important;
}
.padding-3-h {
    padding-left: 3px !important;
    padding-right: 3px !important;
}
.padding-3-v {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}
.padding-4 {
    padding: 4px !important;
}
.padding-4-t {
    padding-top: 4px !important;
}
.padding-4-r {
    padding-right: 4px !important;
}
.padding-4-b {
    padding-bottom: 4px !important;
}
.padding-4-l {
    padding-left: 4px !important;
}
.padding-4-h {
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.padding-4-v {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
.padding-5 {
    padding: 5px !important;
}
.padding-5-t {
    padding-top: 5px !important;
}
.padding-5-r {
    padding-right: 5px !important;
}
.padding-5-b {
    padding-bottom: 5px !important;
}
.padding-5-l {
    padding-left: 5px !important;
}
.padding-5-h {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.padding-5-v {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.padding-10 {
    padding: 10px !important;
}
.padding-10-t {
    padding-top: 10px !important;
}
.padding-10-r {
    padding-right: 10px !important;
}
.padding-10-b {
    padding-bottom: 10px !important;
}
.padding-10-l {
    padding-left: 10px !important;
}
.padding-10-h {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.padding-10-v {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.padding-15 {
    padding: 15px !important;
}
.padding-15-t {
    padding-top: 15px !important;
}
.padding-15-r {
    padding-right: 15px !important;
}
.padding-15-b {
    padding-bottom: 15px !important;
}
.padding-15-l {
    padding-left: 15px !important;
}
.padding-15-h {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.padding-15-v {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.padding-20 {
    padding: 20px !important;
}
.padding-20-t {
    padding-top: 20px !important;
}
.padding-20-r {
    padding-right: 20px !important;
}
.padding-20-b {
    padding-bottom: 20px !important;
}
.padding-20-l {
    padding-left: 20px !important;
}
.padding-20-h {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.padding-20-v {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.padding-25 {
    padding: 25px !important;
}
.padding-25-t {
    padding-top: 25px !important;
}
.padding-25-r {
    padding-right: 25px !important;
}
.padding-25-b {
    padding-bottom: 25px !important;
}
.padding-25-l {
    padding-left: 25px !important;
}
.padding-25-h {
    padding-left: 25px !important;
    padding-right: 25px !important;
}
.padding-25-v {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}
.padding-30 {
    padding: 30px !important;
}
.padding-30-t {
    padding-top: 30px !important;
}
.padding-30-r {
    padding-right: 30px !important;
}
.padding-30-b {
    padding-bottom: 30px !important;
}
.padding-30-l {
    padding-left: 30px !important;
}
.padding-30-h {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.padding-30-v {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.no-padding {
    padding: 0 !important;
}
.no-padding-t {
    padding-top: 0 !important;
}
.no-padding-r {
    padding-right: 0 !important;
}
.no-padding-b {
    padding-bottom: 0 !important;
}
.no-padding-l {
    padding-left: 0 !important;
}
.no-padding-h {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.no-padding-v {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
@media (min-width: 1200px) {
    .lg-no-padding {
        padding: 0 !important;
    }
    .lg-no-padding-t {
        padding-top: 0 !important;
    }
    .lg-no-padding-r {
        padding-right: 0 !important;
    }
    .lg-no-padding-b {
        padding-bottom: 0 !important;
    }
    .lg-no-padding-l {
        padding-left: 0 !important;
    }
    .lg-no-padding-h {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .lg-no-padding-v {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}
@media (min-width: 768px) and (max-width: 959px) {
    .md-no-padding {
        padding: 0 !important;
    }
    .md-no-padding-t {
        padding-top: 0 !important;
    }
    .md-no-padding-r {
        padding-right: 0 !important;
    }
    .md-no-padding-b {
        padding-bottom: 0 !important;
    }
    .md-no-padding-l {
        padding-left: 0 !important;
    }
    .md-no-padding-h {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .md-no-padding-v {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}
@media (min-width: 481px) and (max-width: 767px) {
    .md-no-padding {
        padding: 0 !important;
    }
    .md-no-padding-t {
        padding-top: 0 !important;
    }
    .md-no-padding-r {
        padding-right: 0 !important;
    }
    .md-no-padding-b {
        padding-bottom: 0 !important;
    }
    .md-no-padding-l {
        padding-left: 0 !important;
    }
    .md-no-padding-h {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .md-no-padding-v {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .sm-no-padding {
        padding: 0 !important;
    }
    .sm-no-padding-t {
        padding-top: 0 !important;
    }
    .sm-no-padding-r {
        padding-right: 0 !important;
    }
    .sm-no-padding-b {
        padding-bottom: 0 !important;
    }
    .sm-no-padding-l {
        padding-left: 0 !important;
    }
    .sm-no-padding-h {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .sm-no-padding-v {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}
@media (max-width: 480px) {
    .md-no-padding {
        padding: 0 !important;
    }
    .md-no-padding-t {
        padding-top: 0 !important;
    }
    .md-no-padding-r {
        padding-right: 0 !important;
    }
    .md-no-padding-b {
        padding-bottom: 0 !important;
    }
    .md-no-padding-l {
        padding-left: 0 !important;
    }
    .md-no-padding-h {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .md-no-padding-v {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .sm-no-padding {
        padding: 0 !important;
    }
    .sm-no-padding-t {
        padding-top: 0 !important;
    }
    .sm-no-padding-r {
        padding-right: 0 !important;
    }
    .sm-no-padding-b {
        padding-bottom: 0 !important;
    }
    .sm-no-padding-l {
        padding-left: 0 !important;
    }
    .sm-no-padding-h {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .sm-no-padding-v {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .xs-no-padding {
        padding: 0 !important;
    }
    .xs-no-padding-t {
        padding-top: 0 !important;
    }
    .xs-no-padding-r {
        padding-right: 0 !important;
    }
    .xs-no-padding-b {
        padding-bottom: 0 !important;
    }
    .xs-no-padding-l {
        padding-left: 0 !important;
    }
    .xs-no-padding-h {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .xs-no-padding-v {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}
@media (min-width: 1680px) {
    .xl-no-padding {
        padding: 0 !important;
    }
    .xl-no-padding-t {
        padding-top: 0 !important;
    }
    .xl-no-padding-r {
        padding-right: 0 !important;
    }
    .xl-no-padding-b {
        padding-bottom: 0 !important;
    }
    .xl-no-padding-l {
        padding-left: 0 !important;
    }
    .xl-no-padding-h {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .xl-no-padding-v {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}
/* margins */
.margin-1 {
    margin: 1px !important;
}
.margin-1-t {
    margin-top: 1px !important;
}
.margin-1-r {
    margin-right: 1px !important;
}
.margin-1-b {
    margin-bottom: 1px !important;
}
.margin-1-l {
    margin-left: 1px !important;
}
.margin-1-h {
    margin-left: 1px !important;
    margin-right: 1px !important;
}
.margin-1-v {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}
.margin-2 {
    margin: 2px !important;
}
.margin-2-t {
    margin-top: 2px !important;
}
.margin-2-r {
    margin-right: 2px !important;
}
.margin-2-b {
    margin-bottom: 2px !important;
}
.margin-2-l {
    margin-left: 2px !important;
}
.margin-2-h {
    margin-left: 2px !important;
    margin-right: 2px !important;
}
.margin-2-v {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}
.margin-3 {
    margin: 3px !important;
}
.margin-3-t {
    margin-top: 3px !important;
}
.margin-3-r {
    margin-right: 3px !important;
}
.margin-3-b {
    margin-bottom: 3px !important;
}
.margin-3-l {
    margin-left: 3px !important;
}
.margin-3-h {
    margin-left: 3px !important;
    margin-right: 3px !important;
}
.margin-3-v {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}
.margin-4 {
    margin: 4px !important;
}
.margin-4-t {
    margin-top: 4px !important;
}
.margin-4-r {
    margin-right: 4px !important;
}
.margin-4-b {
    margin-bottom: 4px !important;
}
.margin-4-l {
    margin-left: 4px !important;
}
.margin-4-h {
    margin-left: 4px !important;
    margin-right: 4px !important;
}
.margin-4-v {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}
.margin-5 {
    margin: 5px !important;
}
.margin-5-t {
    margin-top: 5px !important;
}
.margin-5-r {
    margin-right: 5px !important;
}
.margin-5-b {
    margin-bottom: 5px !important;
}
.margin-5-l {
    margin-left: 5px !important;
}
.margin-5-h {
    margin-left: 5px !important;
    margin-right: 5px !important;
}
.margin-5-v {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.margin-10 {
    margin: 10px !important;
}
.margin-10-t {
    margin-top: 10px !important;
}
.margin-10-r {
    margin-right: 10px !important;
}
.margin-10-b {
    margin-bottom: 10px !important;
}
.margin-10-l {
    margin-left: 10px !important;
}
.margin-10-h {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.margin-10-v {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.margin-15 {
    margin: 15px !important;
}
.margin-15-t {
    margin-top: 15px !important;
}
.margin-15-r {
    margin-right: 15px !important;
}
.margin-15-b {
    margin-bottom: 15px !important;
}
.margin-15-l {
    margin-left: 15px !important;
}
.margin-15-h {
    margin-left: 15px !important;
    margin-right: 15px !important;
}
.margin-15-v {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
.margin-20 {
    margin: 20px !important;
}
.margin-20-t {
    margin-top: 20px !important;
}
.margin-20-r {
    margin-right: 20px !important;
}
.margin-20-b {
    margin-bottom: 20px !important;
}
.margin-20-l {
    margin-left: 20px !important;
}
.margin-20-h {
    margin-left: 20px !important;
    margin-right: 20px !important;
}
.margin-20-v {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.margin-25 {
    margin: 25px !important;
}
.margin-25-t {
    margin-top: 25px !important;
}
.margin-25-r {
    margin-right: 25px !important;
}
.margin-25-b {
    margin-bottom: 25px !important;
}
.margin-25-l {
    margin-left: 25px !important;
}
.margin-25-h {
    margin-left: 25px !important;
    margin-right: 25px !important;
}
.margin-25-v {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}
.margin-30 {
    margin: 30px !important;
}
.margin-30-t {
    margin-top: 30px !important;
}
.margin-30-r {
    margin-right: 30px !important;
}
.margin-30-b {
    margin-bottom: 30px !important;
}
.margin-30-l {
    margin-left: 30px !important;
}
.margin-30-h {
    margin-left: 30px !important;
    margin-right: 30px !important;
}
.margin-30-v {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.no-margin {
    margin: 0 !important;
}
.no-margin-t {
    margin-top: 0 !important;
}
.no-margin-r {
    margin-right: 0 !important;
}
.no-margin-b {
    margin-bottom: 0 !important;
}
.no-margin-l {
    margin-left: 0 !important;
}
.no-margin-h {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.no-margin-v {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
@media (min-width: 1200px) {
    .lg-no-margin {
        margin: 0 !important;
    }
    .lg-no-margin-t {
        margin-top: 0 !important;
    }
    .lg-no-margin-r {
        margin-right: 0 !important;
    }
    .lg-no-margin-b {
        margin-bottom: 0 !important;
    }
    .lg-no-margin-l {
        margin-left: 0 !important;
    }
    .lg-no-margin-h {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .lg-no-margin-v {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}
@media (min-width: 768px) and (max-width: 959px) {
    .md-no-margin {
        margin: 0 !important;
    }
    .md-no-margin-t {
        margin-top: 0 !important;
    }
    .md-no-margin-r {
        margin-right: 0 !important;
    }
    .md-no-margin-b {
        margin-bottom: 0 !important;
    }
    .md-no-margin-l {
        margin-left: 0 !important;
    }
    .md-no-margin-h {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .md-no-margin-v {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}
@media (min-width: 481px) and (max-width: 767px) {
    .md-no-margin {
        margin: 0 !important;
    }
    .md-no-margin-t {
        margin-top: 0 !important;
    }
    .md-no-margin-r {
        margin-right: 0 !important;
    }
    .md-no-margin-b {
        margin-bottom: 0 !important;
    }
    .md-no-margin-l {
        margin-left: 0 !important;
    }
    .md-no-margin-h {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .md-no-margin-v {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .sm-no-margin {
        margin: 0 !important;
    }
    .sm-no-margin-t {
        margin-top: 0 !important;
    }
    .sm-no-margin-r {
        margin-right: 0 !important;
    }
    .sm-no-margin-b {
        margin-bottom: 0 !important;
    }
    .sm-no-margin-l {
        margin-left: 0 !important;
    }
    .sm-no-margin-h {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .sm-no-margin-v {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}
@media (max-width: 480px) {
    .md-no-margin {
        margin: 0 !important;
    }
    .md-no-margin-t {
        margin-top: 0 !important;
    }
    .md-no-margin-r {
        margin-right: 0 !important;
    }
    .md-no-margin-b {
        margin-bottom: 0 !important;
    }
    .md-no-margin-l {
        margin-left: 0 !important;
    }
    .md-no-margin-h {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .md-no-margin-v {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .sm-no-margin {
        margin: 0 !important;
    }
    .sm-no-margin-t {
        margin-top: 0 !important;
    }
    .sm-no-margin-r {
        margin-right: 0 !important;
    }
    .sm-no-margin-b {
        margin-bottom: 0 !important;
    }
    .sm-no-margin-l {
        margin-left: 0 !important;
    }
    .sm-no-margin-h {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .sm-no-margin-v {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .xs-no-margin {
        margin: 0 !important;
    }
    .xs-no-margin-t {
        margin-top: 0 !important;
    }
    .xs-no-margin-r {
        margin-right: 0 !important;
    }
    .xs-no-margin-b {
        margin-bottom: 0 !important;
    }
    .xs-no-margin-l {
        margin-left: 0 !important;
    }
    .xs-no-margin-h {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .xs-no-margin-v {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}
@media (min-width: 1680px) {
    .xl-no-margin {
        margin: 0 !important;
    }
    .xl-no-margin-t {
        margin-top: 0 !important;
    }
    .xl-no-margin-r {
        margin-right: 0 !important;
    }
    .xl-no-margin-b {
        margin-bottom: 0 !important;
    }
    .xl-no-margin-l {
        margin-left: 0 !important;
    }
    .xl-no-margin-h {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .xl-no-margin-v {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}
/* effects */
[class*="ease-"],
[class*="ease-1st-"] > *,
[class*="ease-2nd-"] > * > * {
    transition-duration: 0.15s;
    transition-timing-function: ease-out;
}
.ease-fast,
.ease-fast[class*="ease-1st-"] > *,
.ease-fast[class*="ease-2nd-"] > * > * {
    transition-duration: 0.1s;
}
.ease-slow,
.ease-slow[class*="ease-1st-"] > *,
.ease-slow[class*="ease-2nd-"] > * > * {
    transition-duration: 0.4s;
}
.ease-slow-2x,
.ease-slow-2x[class*="ease-1st-"] > *,
.ease-slow-2x[class*="ease-2nd-"] > * > * {
    transition-duration: 0.8s;
}
.ease-slow-3x,
.ease-slow-3x[class*="ease-1st-"] > *,
.ease-slow-3x[class*="ease-2nd-"] > * > * {
    transition-duration: 1.2s;
}
.ease-slow-4x,
.ease-slow-4x[class*="ease-1st-"] > *,
.ease-slow-4x[class*="ease-2nd-"] > * > * {
    transition-duration: 1.6s;
}
.ease-slow-5x,
.ease-slow-5x[class*="ease-1st-"] > *,
.ease-slow-5x[class*="ease-2nd-"] > * > * {
    transition-duration: 2s;
}
.ease-color,
.ease-1st-color > *,
.ease-2nd-color > * > * {
    transition-property: color;
}
.ease-width,
.ease-1st-width > *,
.ease-2nd-width > * > * {
    transition-property: width;
}
.ease-height,
.ease-1st-height > *,
.ease-2nd-height > * > * {
    transition-property: height;
}
.ease-bg,
.ease-1st-bg > *,
.ease-2nd-bg > * > * {
    transition-property: background-color;
}
.ease-margin,
.ease-1st-margin > *,
.ease-2nd-margin > * > * {
    transition-property: margin;
}
.ease-border,
.ease-1st-border > *,
.ease-2nd-border > * > * {
    transition-property: border-color, border-width;
}
.ease-position,
.ease-1st-position > *,
.ease-2nd-position > * > * {
    transition-property: top, right, bottom, left;
}
.ease-layout,
.ease-1st-layout > *,
.ease-2nd-layout > * > * {
    transition-property: transform, opacity, box-shadow;
}
.ease-svg,
.ease-1st-svg > *,
.ease-2nd-svg > * > * {
    transition-property: fill, stroke, opacity;
}
.ease-all {
    transition-property: all;
}
.ease-default,
.ease-default[class*="ease-1st-"] > *,
.ease-default[class*="ease-2nd-"] > * > * {
    transition-duration: ease-out !important;
    transition-timing-function: ease !important;
}
.ease-in,
.ease-in[class*="ease-1st-"] > *,
.ease-in[class*="ease-2nd-"] > * > * {
    transition-timing-function: in;
}
.ease-out,
.ease-out[class*="ease-1st-"] > *,
.ease-out[class*="ease-2nd-"] > * > * {
    transition-timing-function: out;
}
.ease-in-out,
.ease-in-out[class*="ease-1st-"] > *,
.ease-in-out[class*="ease-2nd-"] > * > * {
    transition-timing-function: in-out;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes progress {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
@keyframes bounce-x {
    from {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-12%);
    }
    75% {
        transform: translateX(12%);
    }
    100% {
        transform: translateX(0);
    }
}
@keyframes bounce-y {
    from {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-12%);
    }
    75% {
        transform: translateY(12%);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes bounce-z {
    from {
        transform: scale(1);
    }
    25% {
        transform: scale(0.9);
    }
    75% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
.animate-spin {
    animation: spin 1.15s linear infinite;
}
.animate-progress {
    animation: progress 3s linear infinite;
}
.animate-bounce-x {
    animation: bounce-x 6s linear infinite;
}
.animate-bounce-y {
    animation: bounce-y 6s linear infinite;
}
.animate-bounce-z {
    animation: bounce-z 6s linear infinite;
}
.no-effects,
.no-effects:before,
.no-effects:after,
.no-effects *,
.no-effects *:before,
.no-effects *:after {
    transition-property: none !important;
    animation: none !important;
}
.pause-effects,
.pause-effects:before,
.pause-effects:after,
.pause-effects *,
.pause-effects *:before,
.pause-effects *:after {
    transition-property: none !important;
    animation-play-state: paused !important;
}
@media (prefers-reduced-motion: reduce) {
    *,
    *:before,
    *:after {
        transition-property: none !important;
        animation: none !important;
    }
}
/* typography */
body,
a {
    color: hsl(0, 0%, 0%);
}
.color-white,
.color-white .icon:not([class*="ui-color-"]):not([class*="ui-bg-"]),
.color-white a:not([class*="ui-color-"]):not([class*="ui-bg-"]),
.color-white button:not([class*="ui-color-"]):not([class*="ui-bg-"]) {
    color: hsl(0, 0%, 100%) !important;
}
.color-white-50,
.color-white-50 .icon:not([class*="ui-color-"]):not([class*="ui-bg-"]),
.color-white-50 a:not([class*="ui-color-"]):not([class*="ui-bg-"]),
.color-white-50 button:not([class*="ui-color-"]):not([class*="ui-bg-"]) {
    color: hsla(0, 0%, 100%, 0.87) !important;
}
.color-white-muted,
.color-white-muted .icon:not([class*="ui-color-"]):not([class*="ui-bg-"]),
.color-white-muted a:not([class*="ui-color-"]):not([class*="ui-bg-"]),
.color-white-muted button:not([class*="ui-color-"]):not([class*="ui-bg-"]) {
    color: hsla(0, 0%, 100%, 0.72) !important;
}
.color-black,
.color-black .icon:not([class*="ui-color"]):not([class*="ui-bg-"]),
.color-black a:not([class*="ui-color"]):not([class*="ui-bg-"]),
.color-black button:not([class*="ui-color"]):not([class*="ui-bg-"]) {
    color: hsl(0, 0%, 0%) !important;
}
.color-black-50,
.color-black-50 .icon:not([class*="ui-color"]):not([class*="ui-bg-"]),
.color-black-50 a:not([class*="ui-color"]):not([class*="ui-bg-"]),
.color-black-50 button:not([class*="ui-color"]):not([class*="ui-bg-"]) {
    color: hsla(0, 0%, 0%, 0.5) !important;
}
.color-black-muted,
.color-black-muted .icon:not([class*="ui-color"]):not([class*="ui-bg-"]),
.color-black-muted a:not([class*="ui-color"]):not([class*="ui-bg-"]),
.color-black-muted button:not([class*="ui-color"]):not([class*="ui-bg-"]) {
    color: hsla(0, 0%, 0%, 0.35) !important;
}
.color-green,
.color-green .icon:not([class*="ui-color"]):not([class*="ui-bg-"]),
.color-green a:not([class*="ui-color"]):not([class*="ui-bg-"]),
.color-green button:not([class*="ui-color"]):not([class*="ui-bg-"]) {
    color: hsl(142, 82%, 42%) !important;
}
.color-yellow,
.color-yellow .icon:not([class*="ui-color"]):not([class*="ui-bg-"]),
.color-yellow a:not([class*="ui-color"]):not([class*="ui-bg-"]),
.color-yellow button:not([class*="ui-color"]):not([class*="ui-bg-"]) {
    color: hsl(42, 100%, 45%) !important;
}
.color-orange,
.color-orange .icon:not([class*="ui-color"]):not([class*="ui-bg-"]),
.color-orange a:not([class*="ui-color"]):not([class*="ui-bg-"]),
.color-orange button:not([class*="ui-color"]):not([class*="ui-bg-"]) {
    color: hsl(30, 100%, 50%) !important;
}
.color-red,
.color-red .icon:not([class*="ui-color"]):not([class*="ui-bg-"]),
.color-red a:not([class*="ui-color"]):not([class*="ui-bg-"]),
.color-red button:not([class*="ui-color"]):not([class*="ui-bg-"]) {
    color: hsl(0, 74%, 55%) !important;
}
.color-blue,
.color-blue .icon:not([class*="ui-color"]):not([class*="ui-bg-"]),
.color-blue a:not([class*="ui-color"]):not([class*="ui-bg-"]),
.color-blue button:not([class*="ui-color"]):not([class*="ui-bg-"]) {
    color: hsl(212, 64%, 38%) !important;
}
.font-lead {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 20px;
}
.font-bold {
    font-weight: 700 !important;
}
.font-semibold {
    font-weight: 600 !important;
}
.font-regular {
    font-weight: 500 !important;
}
.font-light {
    font-weight: 300 !important;
}
.font-thin {
    font-weight: 200 !important;
}
.font-italic {
    font-style: italic !important;
}
.font-overline {
    text-decoration: line-through;
}
.font-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.xx-smallest {
    font-size: 7px !important;
}
.x-smallest {
    font-size: 8px !important;
}
.smallest {
    font-size: 9px !important;
}
.xx-small {
    font-size: 10px !important;
}
.x-small {
    font-size: 11px !important;
}
.small {
    font-size: 12px !important;
}
.default {
    font-size: 14px !important;
}
.large {
    font-size: 16px !important;
}
.x-large {
    font-size: 18px !important;
}
.xx-large {
    font-size: 22px !important;
}
.largest {
    font-size: 28px !important;
    font-size: clamp(14px, 28px, 6vw) !important;
}
.x-largest {
    font-size: 38px !important;
    font-size: clamp(19px, 38px, 8vw) !important;
}
.xx-largest {
    font-size: 48px !important;
    font-size: clamp(24px, 48px, 10vw) !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    margin-bottom: 0;
}
h1:not(:last-child),
h2:not(:last-child),
h3:not(:last-child),
h4:not(:last-child),
h5:not(:last-child),
h6:not(:last-child) {
    margin-bottom: 20px;
}
h1 > small,
h2 > small,
h3 > small,
h4 > small,
h5 > small,
h6 > small {
    font-size: 14px !important;
}
h1 .icon:not(.right),
h2 .icon:not(.right),
h3 .icon:not(.right),
h4 .icon:not(.right),
h5 .icon:not(.right),
h6 .icon:not(.right) {
    margin-right: 5px;
}
h1 .icon-lg:not(.right),
h2 .icon-lg:not(.right),
h3 .icon-lg:not(.right),
h4 .icon-lg:not(.right),
h5 .icon-lg:not(.right),
h6 .icon-lg:not(.right) {
    margin-right: 10px;
}
h1,
h2,
h3 {
    line-height: 1;
}
h1 {
    font-size: 36px;
    font-size: clamp(18px, 36px, 7vw);
}
h2 {
    font-size: 30px;
    font-size: clamp(15px, 30px, 6vw);
}
h3 {
    font-size: 24px;
    font-size: clamp(12px, 24px, 5vw);
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 14px;
}
h6 {
    font-size: 12px;
}
.underline,
.underline-1st > *,
.underline-2nd > * > * {
    text-decoration: underline;
}
.underline a:hover,
.underline-1st > * a:hover,
.underline-2nd > * > * a:hover,
.underline button:hover,
.underline-1st > * button:hover,
.underline-2nd > * > * button:hover {
    text-decoration: none;
}
.hoverline:hover {
    text-decoration: underline;
}
.hoverline:hover,
.hoverline-1st > *:hover,
.hoverline-2nd > * > *:hover {
    text-decoration: underline;
}
.lowercase {
    text-transform: lowercase;
}
.uppercase {
    text-transform: uppercase;
}
.capitalize {
    text-transform: capitalize;
}
.initialism {
    font-size: 90%;
    text-transform: uppercase;
}
.no-line-height {
    line-height: normal !important;
}
.word-break-all {
    word-break: break-all;
}
abbr[title] {
    cursor: help;
}
address {
    font-style: normal;
}
address:not(:last-child) {
    margin-bottom: 20px;
}
blockquote {
    font-size: 16px;
    padding: 10px 20px !important;
    border-left: 5px solid hsl(0, 0%, 93%);
}
blockquote:not(:last-child) {
    margin-bottom: 20px;
}
blockquote.align-r,
blockquote.right {
    text-align: right;
    border-right: 5px solid hsl(0, 0%, 93%);
    border-left: 0;
}
blockquote footer,
blockquote small {
    color: hsl(0, 0%, 47%);
    font-size: 80%;
    display: block;
}
code,
kbd,
pre,
samp,
xmp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
code {
    color: hsl(345, 69%, 46%);
    font-size: 90%;
    padding: 2px 4px !important;
    background-color: hsl(343, 37%, 96%);
    display: inline-block;
    border-radius: 2px;
}
kbd {
    color: hsl(0, 0%, 100%);
    font-size: 90%;
    background-color: hsl(220, 8%, 22%);
    padding: 2px 4px !important;
    border-radius: 3px;
}
pre,
xmp {
    color: hsl(0, 0%, 100%);
    min-height: 40px;
    background-color: hsl(220, 8%, 22%);
    padding: 10px !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
    display: block;
}
pre:not(:last-child),
xmp:not(:last-child) {
    margin-bottom: 20px;
}
pre.scroll-v,
xmp.scroll-v {
    max-height: 350px;
}
@media (max-width: 480px) {
    h1 > small,
    h2 > small,
    h3 > small,
    h4 > small,
    h5 > small,
    h6 > small {
        margin-top: 5px;
        display: block;
    }
}
/* listings */
[class*="list-column-"] {
    display: flex;
    flex-wrap: wrap;
}
[class*="list-column-"] > li {
    break-inside: avoid;
}
.list-spacer-1 li {
    margin-bottom: 1px;
}
.list-spacer-1 ul,
.list-spacer-1 ol {
    margin-top: 1px !important;
}
.list-spacer-2 li {
    margin-bottom: 2px;
}
.list-spacer-2 ul,
.list-spacer-2 ol {
    margin-top: 2px !important;
}
.list-spacer-3 li {
    margin-bottom: 3px;
}
.list-spacer-3 ul,
.list-spacer-3 ol {
    margin-top: 3px !important;
}
.list-spacer-4 li {
    margin-bottom: 4px;
}
.list-spacer-4 ul,
.list-spacer-4 ol {
    margin-top: 4px !important;
}
.list-spacer-5 li {
    margin-bottom: 5px;
}
.list-spacer-5 ul,
.list-spacer-5 ol {
    margin-top: 5px !important;
}
.list-spacer-10 li {
    margin-bottom: 10px;
}
.list-spacer-10 ul,
.list-spacer-10 ol {
    margin-top: 10px !important;
}
.list-spacer-15 li {
    margin-bottom: 15px;
}
.list-spacer-15 ul,
.list-spacer-15 ol {
    margin-top: 15px !important;
}
.list-spacer-20 li {
    margin-bottom: 20px;
}
.list-spacer-20 ul,
.list-spacer-20 ol {
    margin-top: 20px !important;
}
.list-spacer-25 li {
    margin-bottom: 25px;
}
.list-spacer-25 ul,
.list-spacer-25 ol {
    margin-top: 25px !important;
}
.list-spacer-30 li {
    margin-bottom: 30px;
}
.list-spacer-30 ul,
.list-spacer-30 ol {
    margin-top: 30px !important;
}
[class*="list-spacer-"]:not([class*="list-column-"]):not(.list-inline) li:last-child {
    margin-bottom: 0 !important;
}
.list-gap-less.list-inline li:not(:last-child) {
    padding-right: 2px;
}
.list-gap.list-inline li:not(:last-child) {
    padding-right: 10px;
}
.list-gap-more.list-inline li:not(:last-child) {
    padding-right: 30px;
}
dl:not(:last-child) {
    margin-bottom: 20px;
}
dl:before,
dl:after {
    content: "";
    display: table;
}
dl:after {
    clear: both;
}
dt {
    font-weight: 700;
}
@media (min-width: 768px) {
    .dl-horizontal dt {
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 170px;
        float: left;
        overflow: hidden;
        clear: left;
        position: relative;
    }
    .dl-horizontal dt:after {
        content: ":";
        position: absolute;
        right: 0;
    }
    .dl-horizontal dd {
        margin-left: 190px;
    }
}
@media (max-width: 767px) {
    .dl-horizontal dd {
        margin-bottom: 5x;
    }
}
@media (min-width: 481px) {
    .list-column-2 > li {
        width: 50%;
    }
    .list-column-3 > li {
        width: 33.33333333%;
    }
    .list-column-4 > li {
        width: 25%;
    }
    .list-column-5 > li {
        width: 20%;
    }
    .list-column-6 > li {
        width: 16.66666667%;
    }
    .mobile-menu [class*="list-column-"] > li {
        width: 100%;
    }
}
@media (max-width: 480px) {
    [class*="list-column-"] > li {
        width: 100%;
    }
}
/* buttons */
.ease-btn,
.ease-1st-btn > *,
.ease-2nd-btn > * > * {
    transition-property: color, background-color, border-width, border-color, opacity, transform, box-shadow;
}
.ease-btn .icon,
.ease-1st-btn > * .icon,
.ease-2nd-btn > * > * .icon {
    transition-property: color, transform, opacity, stroke-width;
    transition-duration: 0.15s;
}
.btn {
    color: hsl(0, 0%, 0%);
    text-align: center;
    vertical-align: middle;
    line-height: 18px;
    height: 32px;
    background-color: hsla(0, 0%, 0%, 0.08);
    padding-top: 7px;
    padding-bottom: 7px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.btn:not(.border):not([class*="border-"]) {
    border-width: 0;
}
.btn:not(.btn-multi) {
    white-space: nowrap;
}
.btn:not(.circle) {
    padding-right: 7px;
    padding-left: 7px;
}
.btn.circle {
    padding-right: 13px;
    padding-left: 13px;
}
input.btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.btn[data-notifier]:after {
    content: attr(data-notifier);
    color: hsl(0, 0%, 100%);
    font-size: 12px;
    text-align: center !important;
    line-height: 1;
    min-width: 16px;
    min-height: 16px;
    background-color: hsl(0, 74%, 55%);
    padding: 2px 4px;
    border-radius: 200px;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    transform: translateX(-75%);
}
.btn[data-notifier=""]:after {
    min-width: 8px;
    min-height: 8px;
}
.btn.border {
    padding-top: 6px;
    padding-bottom: 6px;
}
.btn.border-dual {
    padding-top: 5px;
    padding-bottom: 5px;
}
.btn-passive {
    opacity: 0.6;
    cursor: default;
}
.btn-active {
    font-weight: 700;
}
.btn-square {
    min-width: 0 !important;
    width: 32px;
    max-width: none !important;
}
.btn-square:not([class*="align-"]) {
    text-align: center !important;
}
.btn-ghost:not(.btn-show):not(:hover) {
    background-color: transparent !important;
}
.btn-ghost:not(.btn-show)[class*="ui-bg-dark-"]:not(.ui-color),
.btn-ghost:not(.btn-show)[class*="ui-bg-dark-"]:not(.ui-color) .icon:not(.ui-color) {
    color: hsl(0, 0%, 0%);
}
.btn-ghost:not(.btn-show)[class*="ui-bg-dark-"]:hover,
.btn-ghost:not(.btn-show)[class*="ui-bg-dark-"]:hover .icon {
    color: hsl(0, 0%, 100%) !important;
}
.btn-ghost:not(.btn-show)-border:not(:hover) {
    border-color: transparent !important;
}
.btn-multi {
    word-wrap: break-word;
    min-height: 32px;
}
.btn-multi:not(.full-h) {
    height: auto !important;
}
.btn-multi.btn-sm {
    min-height: 26px;
}
.btn-multi.btn-xs {
    min-height: 22px;
}
.btn-multi.btn-xxs {
    min-height: 18px;
}
.btn .icon:not(.toggle-icon) {
    vertical-align: bottom;
    width: 18px;
    height: 18px;
    stroke-width: 32px;
}
.btn .icon:not(.no-opacity) {
    opacity: 0.45;
}
.btn[class*="ui-bg-dark-"] .icon {
    opacity: 1;
}
.desktop .btn[class*="ui-bg-dark-"]:hover .icon {
    opacity: 1 !important;
}
.desktop .btn:not([class*="ui-bg-"]):not(.btn-passive):hover {
    background-color: hsla(0, 0%, 0%, 0.15);
}
.desktop .btn.btn-ghost:not([class*="ui-bg-"]):not(.btn-passive):hover {
    background-color: hsla(0, 0%, 0%, 0.075);
}
.btn-lg,
.form-lg .btn {
    font-size: 15px;
    line-height: 22px;
    height: 42px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.btn-lg.round,
.form-lg .btn.round {
    border-radius: 8px;
}
.btn-lg.btn-square,
.form-lg .btn.btn-square {
    width: 42px;
}
.btn-lg.border,
.form-lg .btn.border {
    padding-top: 9px;
    padding-bottom: 9px;
}
.btn-lg.border-dual,
.form-lg .btn.border-dual {
    padding-top: 8px;
    padding-bottom: 8px;
}
.btn-lg .icon:not(.toggle-icon),
.form-lg .btn .icon:not(.toggle-icon) {
    width: 22px;
    height: 22px;
    stroke-width: 28px;
}
.btn-sm {
    font-size: 12px;
    line-height: 16px;
    height: 26px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.btn-sm:not(.circle) {
    padding-right: 5px;
    padding-left: 5px;
}
.btn-sm.circle {
    padding-right: 11px;
    padding-left: 11px;
}
.btn-sm.round {
    border-radius: 4px;
}
.btn-sm.btn-square {
    width: 26px;
}
.btn-sm.border {
    padding-top: 4px;
    padding-bottom: 4px;
}
.btn-sm.border-dual {
    padding-top: 3px;
    padding-bottom: 3px;
}
.btn-sm .icon:not(.toggle-icon) {
    width: 16px;
    height: 16px;
    stroke-width: 34px;
}
.btn-xs {
    font-size: 11px;
    line-height: 14px;
    height: 22px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.btn-xs:not(.circle) {
    padding-right: 4px;
    padding-left: 4px;
}
.btn-xs.circle {
    padding-right: 10px;
    padding-left: 10px;
}
.btn-xs.round {
    border-radius: 3px;
}
.btn-xs.btn-square {
    width: 22px;
}
.btn-xs.border {
    padding-top: 3px;
    padding-bottom: 3px;
}
.btn-xs.border-dual {
    padding-top: 2px;
    padding-bottom: 2px;
}
.btn-xs .icon:not(.toggle-icon) {
    width: 14px;
    height: 14px;
    stroke-width: 36px;
}
.btn-xxs {
    font-size: 10px;
    line-height: 12px;
    height: 18px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.btn-xxs:not(.circle) {
    padding-right: 3px;
    padding-left: 3px;
}
.btn-xxs.circle {
    padding-right: 9px;
    padding-left: 9px;
}
.btn-xxs.round {
    border-radius: 2px;
}
.btn-xxs.btn-square {
    width: 18px;
}
.btn-xxs.border {
    padding-top: 2px;
    padding-bottom: 2px;
}
.btn-xxs.border-dual {
    padding-top: 1px;
    padding-bottom: 1px;
}
.btn-xxs .icon:not(.toggle-icon) {
    width: 12px;
    height: 12px;
    stroke-width: 38px;
}
.mobile-menu .btn-xs-fluid,
.mobile-menu .btn-sm-fluid,
.mobile-menu .btn-md-fluid {
    width: 100% !important;
    display: block;
}
.mobile-menu .btn-xs-fluid:not(:last-child),
.mobile-menu .btn-sm-fluid:not(:last-child),
.mobile-menu .btn-md-fluid:not(:last-child) {
    margin-bottom: 2px;
}
.pagination:not(:last-child) {
    margin-bottom: 20px;
}
.pagination.form-lg .btn,
.pagination .btn-lg {
    min-width: 42px;
}
.pagination .btn {
    text-align: center !important;
    min-width: 32px;
}
.pagination .btn-sm {
    min-width: 26px;
}
.pagination .btn-xs {
    min-width: 22px;
}
.pagination .btn-xxs {
    min-width: 18px;
}
.btn-list {
    display: block;
}
.btn-list > .btn {
    width: 100%;
    display: block;
}
.btn-list > .btn:not(:first-child) {
    border-top: 0;
}
.btn-list > .btn:not(:last-child):not(.border):not(.border-dual):not(.border-b) {
    margin-bottom: 1px;
}
.btn-list > .btn:first-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-list > .btn:first-child:not(.border):not(.border-dual):not(.border-dual) {
    border-top: 0;
}
.btn-list > .btn:last-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.btn-list > .btn:last-child:not(.border):not(.border-dual):not(.border-dual) {
    border-bottom: 0;
}
.btn-list > .btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}
.btn-holder {
    display: flex;
}
.btn-holder > .btn {
    flex-grow: 1;
}
.btn-holder > .btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}
.btn-holder:not(.btn-sm-fluid):not(.btn-xs-fluid) > .btn:not(:first-child) {
    border-left: 0;
}
.btn-holder:not(.btn-sm-fluid):not(.btn-xs-fluid) > .btn:not(:last-child):not(.border):not(.border-dual):not(.border-r) {
    margin-right: 1px;
}
.btn-holder:not(.btn-sm-fluid):not(.btn-xs-fluid) > .btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-holder:not(.btn-sm-fluid):not(.btn-xs-fluid) > .btn:first-child:not(.border):not(.border-dual):not(.border-dual) {
    border-left: 0;
}
.btn-holder:not(.btn-sm-fluid):not(.btn-xs-fluid) > .btn:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-holder:not(.btn-sm-fluid):not(.btn-xs-fluid) > .btn:last-child:not(.border):not(.border-dual):not(.border-dual) {
    border-right: 0;
}
@media (max-width: 959px) {
    .btn-md-fluid {
        width: 100% !important;
        display: block;
    }
    .btn-md-fluid:not(:last-child) {
        margin-bottom: 10px;
    }
    .mobile-menu .btn-md-fluid:not(:last-child) {
        margin-bottom: 2px;
    }
    .btn-square:not(.btn-xs-fluid):not(.btn-md-fluid) {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media (min-width: 768px) {
    .btn-square {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .btn-holder.btn-sm-fluid > .btn:not(:first-child) {
        border-left: 0;
    }
    .btn-holder.btn-sm-fluid > .btn:not(:last-child):not(.border):not(.border-dual):not(.border-r) {
        margin-right: 1px;
    }
    .btn-holder.btn-sm-fluid > .btn:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .btn-holder.btn-sm-fluid > .btn:first-child:not(.border):not(.border-dual):not(.border-dual) {
        border-left: 0;
    }
    .btn-holder.btn-sm-fluid > .btn:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .btn-holder.btn-sm-fluid > .btn:last-child:not(.border):not(.border-dual):not(.border-dual) {
        border-right: 0;
    }
}
@media (max-width: 767px) {
    .btn-sm-fluid {
        width: 100% !important;
        display: block;
    }
    .btn-sm-fluid:not(:last-child) {
        margin-bottom: 10px;
    }
    .mobile-menu .btn-sm-fluid:not(:last-child) {
        margin-bottom: 2px;
    }
    .btn-square:not(.btn-xs-fluid):not(.btn-sm-fluid) {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .pagination .btn:not(.prev):not(.next):not(.btn-active) {
        display: none;
    }
    .btn-holder.btn-sm-fluid > .btn {
        width: 100%;
    }
    .btn-holder.btn-sm-fluid > .btn:not(:first-child) {
        border-top: 0;
    }
    .btn-holder.btn-sm-fluid > .btn:not(:last-child):not(.border):not(.border-dual):not(.border-b) {
        margin-bottom: 1px;
    }
    .btn-holder.btn-sm-fluid > .btn:first-child {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    .btn-holder.btn-sm-fluid > .btn:first-child:not(.border):not(.border-dual):not(.border-dual) {
        border-top: 0;
    }
    .btn-holder.btn-sm-fluid > .btn:last-child {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }
    .btn-holder.btn-sm-fluid > .btn:last-child:not(.border):not(.border-dual):not(.border-dual) {
        border-bottom: 0;
    }
}
@media (min-width: 481px) {
    .btn-holder.btn-xs-fluid > .btn:not(:first-child) {
        border-left: 0;
    }
    .btn-holder.btn-xs-fluid > .btn:not(:last-child):not(.border):not(.border-dual):not(.border-r) {
        margin-right: 1px;
    }
    .btn-holder.btn-xs-fluid > .btn:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .btn-holder.btn-xs-fluid > .btn:first-child:not(.border):not(.border-dual):not(.border-dual) {
        border-left: 0;
    }
    .btn-holder.btn-xs-fluid > .btn:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .btn-holder.btn-xs-fluid > .btn:last-child:not(.border):not(.border-dual):not(.border-dual) {
        border-right: 0;
    }
}
@media (max-width: 480px) {
    .btn-xs-fluid {
        width: 100% !important;
        display: block;
    }
    .btn-xs-fluid:not(:last-child) {
        margin-bottom: 10px;
    }
    .btn-holder.btn-xs-fluid > .btn {
        width: 100%;
    }
    .btn-holder.btn-xs-fluid > .btn:not(:first-child) {
        border-top: 0;
    }
    .btn-holder.btn-xs-fluid > .btn:not(:last-child):not(.border):not(.border-dual):not(.border-b) {
        margin-bottom: 1px;
    }
    .btn-holder.btn-xs-fluid > .btn:first-child {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    .btn-holder.btn-xs-fluid > .btn:first-child:not(.border):not(.border-dual):not(.border-dual) {
        border-top: 0;
    }
    .btn-holder.btn-xs-fluid > .btn:last-child {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }
    .btn-holder.btn-xs-fluid > .btn:last-child:not(.border):not(.border-dual):not(.border-dual) {
        border-bottom: 0;
    }
}
/* top button */
.top-button {
    text-align: center;
    width: 40px;
    height: 40px;
    background-color: hsl(0, 0%, 0%);
    display: none;
    border: 0;
    position: fixed;
    right: 10px;
    bottom: 45px;
    z-index: 7;
    opacity: 0;
}
.top-button.open {
    display: block;
}
.top-button.open-ease {
    opacity: 0.45;
    transform: translateY(30px);
}
.top-button .icon {
    color: hsl(0, 0%, 100%);
    opacity: 1 !important;
}
.desktop .top-button:hover {
    opacity: 0.75;
}
.desktop .top-button:hover .icon {
    transform: translateY(-3px);
}
@media (max-width: 320px) {
    .top-button {
        display: none !important;
    }
}
/* tabs */
.ease-tabs .toggle-icon {
    transition-property: opacity, transform;
    transition-duration: 0.3s;
}
.ease-tabs .tab-content {
    transition-property: opacity, transform;
    transition-duration: 0.15s;
}
.tabs .tab .toggle-icon {
    width: 12px !important;
    height: 12px !important;
    stroke-width: 38px !important;
    margin-top: -2px;
}
.tabs .tab .toggle-icon.right {
    margin-top: 3px;
    margin-bottom: 3px;
}
.tabs .tab.active > .toggle-icon {
    transform: rotate(-180deg);
    opacity: 1;
}
.tabs .tab-content {
    transform-origin: top center;
}
.tabs .tab-content:not(.open) {
    display: none !important;
}
.tabs .tab-content:not(.open-ease) {
    opacity: 0;
    transform: translateY(-1%);
}
/* dropdown */
.ease-dropdown li {
    transition-property: background-color;
    transition-duration: 0.15s;
}
.ease-dropdown .content {
    transition-property: opacity, transform;
    transition-duration: 0.15s;
    transition-timing-function: ease-in-out;
}
.ease-dropdown > .btn {
    transition-property: color, background-color, border-width, border-color, opacity, transform, box-shadow;
    transition-duration: 0.15s;
}
.ease-dropdown > .btn .icon {
    transition-property: color, transform, opacity;
    transition-duration: 0.15s;
}
.dropdown {
    vertical-align: middle;
    display: inline-block;
    position: relative;
}
.dropdown.open {
    z-index: 19;
}
.dropdown.open > .btn-ghost:not([class*="ui-"]) {
    background-color: hsla(0, 0%, 0%, 0.075);
}
.dropdown.open-ease > .btn .toggle-icon {
    transform: rotate(-180deg);
}
.dropdown.open-ease > .btn .icon {
    opacity: 1;
}
.dropdown > .btn {
    display: block;
}
.dropdown > .btn:not(.btn-square) {
    width: 100%;
}
.dropdown > .btn .toggle-icon {
    width: 12px !important;
    height: 12px !important;
    stroke-width: 38px !important;
    margin-top: -2px;
}
.dropdown > .btn .toggle-icon.right {
    margin-top: 4px;
    margin-bottom: 4px;
}
.dropdown .content {
    background-color: hsl(0, 0%, 100%);
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    z-index: 1;
    transform-origin: top left;
    -webkit-overflow-scrolling: touch;
}
.dropdown:not(.nav) .content {
    max-width: 744px;
}
.dropdown.nav-full-h {
    position: static;
}
.dropdown.nav-full-h .content {
    right: 0;
    left: 0;
    transform-origin: top center;
    z-index: 19;
}
.dropdown.nav-full-h .content:before,
.dropdown.nav-full-h .content:after {
    content: "";
    display: table;
}
.dropdown.nav-full-h .content:after {
    clear: both;
}
.dropdown.nav-full-h .content > .row {
    margin-left: inherit;
    margin-right: inherit;
}
.dropdown.menu-c .content {
    transform-origin: top center;
}
.dropdown.menu-l .content {
    transform-origin: top right;
}
.dropdown:not(.open) .content {
    display: none !important;
}
.dropdown:not(.open-ease) .content {
    opacity: 0;
    transform: scale(0.95);
}
.dropdown:not(.menu-t) .content {
    margin-top: 1px;
}
.dropdown.menu-t .content {
    margin-bottom: 1px;
    bottom: 100%;
    transform-origin: bottom left;
}
.dropdown.menu-t.menu-c .content {
    transform-origin: bottom center;
}
.dropdown.menu-t.menu-l .content {
    transform-origin: bottom right;
}
.dropdown ul.content {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.dropdown ul.content > li {
    line-height: 20px;
    min-height: 30px;
}
.dropdown ul.content > li,
.dropdown ul.content > li a,
.dropdown ul.content > li > label {
    font-size: 15px;
}
.dropdown ul.content > li:not(.holder) {
    padding: 10px;
}
.dropdown ul.content > li:not(.holder):not(:last-child) {
    border-bottom: solid 1px hsla(0, 0%, 0%, 0.045);
}
.dropdown ul.content > li:not(.holder),
.dropdown ul.content > li:not(.holder) a,
.dropdown ul.content > li:not(.holder) > label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
.dropdown ul.content > li:not(.holder) > a {
    padding: 10px;
    margin: -10px;
}
.dropdown ul.content > li:not(.holder) > label {
    padding: 10px;
    margin: -10px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.dropdown ul.content > li:not(.holder) > label input {
    position: absolute;
    left: -20000px;
}
.dropdown ul.content > li:not(.holder).selected > label {
    background-color: hsla(0, 0%, 0%, 0.075);
}
.dropdown ul.content:not(.has-grid) > li,
.dropdown ul.content:not(.has-grid) > li * {
    text-align: left !important;
}
.dropdown ul.content.has-grid {
    display: flex;
    flex-wrap: wrap;
}
.dropdown ul.content.has-grid > li {
    text-align: center;
    width: 50%;
    flex-grow: 1;
}
.dropdown ul.content.has-grid > li a {
    text-align: center;
}
.dropdown ul.content.has-grid > li .icon,
.dropdown ul.content.has-grid > li img {
    margin: 5px auto 10px auto;
    display: block;
}
.dropdown ul.content.has-icon > li {
    padding-right: 40px;
    position: relative;
}
.dropdown ul.content.has-icon > li a {
    padding-right: 40px;
    margin-right: -40px;
}
.dropdown ul.content.has-icon > li .list-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
.dropdown ul.content.has-grid li,
.dropdown [class*="list-column-"] > li {
    border-right: solid 1px hsla(0, 0%, 0%, 0.045);
}
.dropdown ul.content.has-grid li[class*="ui-bg-dark-"],
.dropdown [class*="list-column-"] > li[class*="ui-bg-dark-"],
[class*="ui-bg-dark-"] .dropdown ul.content.has-grid li,
[class*="ui-bg-dark-"] .dropdown [class*="list-column-"] > li {
    border-color: hsla(0, 0%, 100%, 0.065) !important;
}
.dropdown .has-grid > li:nth-last-child(2):not(:nth-child(2n)) {
    border-bottom: 0 !important;
}
.dropdown .has-grid > li:nth-child(2n),
.dropdown .has-grid > li:last-child {
    border-right: none !important;
}
.dropdown .list-column-2 > li:nth-child(2n),
.dropdown .list-column-3 > li:nth-child(3n),
.dropdown .list-column-4 > li:nth-child(4n),
.dropdown .list-column-5 > li:nth-child(5n),
.dropdown .list-column-6 > li:nth-child(6n) {
    border-right: none;
}
.desktop .dropdown ul.content > li:not(.holder):hover {
    background-color: hsla(0, 0%, 0%, 0.05);
    background-clip: padding-box;
}
.mobile-menu .dropdown {
    display: block;
}
.mobile-menu .dropdown > .btn .toggle-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
.mobile-menu .dropdown.open-ease > .btn .toggle-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%) rotate(-180deg);
}
.mobile-menu .dropdown .content {
    background: none;
    max-height: inherit !important;
    overflow: inherit;
    position: static;
    box-shadow: none;
    transform-origin: top center !important;
}
.mobile-menu .dropdown ul.content > li:not(:last-child) {
    border-bottom: 0;
}
.mobile-menu .dropdown ul.content.round > li,
.mobile-menu .dropdown ul.content.round > li a {
    border-radius: 6px;
}
.mobile-menu .dropdown:not(:last-child) .content {
    margin-bottom: 10px !important;
}
.mobile-menu [class*="list-column-"] > li {
    border-right: 0;
}
@media (min-width: 768px) {
    .dropdown .content {
        min-width: 260px;
    }
    .dropdown .content.list-column-2 {
        min-width: 420px;
    }
    .dropdown .content[class*="list-column-"] {
        min-width: 680px;
    }
    .dropdown ul.content.has-grid {
        min-width: 300px;
    }
}
@media (max-width: 767px) {
    .dropdown .content {
        transform-origin: top center !important;
    }
}
/* forms */
.ease-form,
.ease-1st-form > *,
.ease-2nd-form > * > * {
    transition-property: color, background-color, border-color;
}
.ease-form .icon,
.ease-1st-form > * .icon,
.ease-2nd-form > * > * .icon {
    transition-property: color, transform, opacity;
    transition-duration: 0.3s;
}
.ease-form .state,
.ease-1st-form > * .state,
.ease-2nd-form > * > * .state {
    transition-property: width, height, background-color, transform, opacity;
    transition-duration: 0.15s;
}
.ease-form select,
.ease-1st-form > * select,
.ease-2nd-form > * > * select {
    transition-property: opacity;
    transition-duration: 0.15s;
}
.ease-form textarea,
.ease-1st-form > * textarea,
.ease-2nd-form > * > * textarea {
    transition-property: height;
    transition-duration: 0.15s;
}
.ease-range::-webkit-slider-thumb {
    transition-property: transform;
    transition-duration: 0.15s;
}
.ease-range::-moz-range-thumb {
    transition-property: transform;
    transition-duration: 0.15s;
}
.ease-range::-webkit-slider-runnable-track {
    transition-property: background-color;
    transition-duration: 0.15s;
}
.ease-range::-moz-range-track {
    transition-property: background-color;
    transition-duration: 0.15s;
}
.no-effects .ease-range::-webkit-slider-thumb {
    transition-property: transform;
    transition-duration: 0.15s;
}
.no-effects .ease-range::-moz-range-thumb {
    transition-property: transform;
    transition-duration: 0.15s;
}
.no-effects .ease-range::-webkit-slider-runnable-track {
    transition-property: background-color;
    transition-duration: 0.15s;
}
.no-effects .ease-range::-moz-range-track {
    transition-property: background-color;
    transition-duration: 0.15s;
}
@media (prefers-reduced-motion: reduce) {
    .ease-range::-webkit-slider-thumb {
        transition-property: transform;
        transition-duration: 0.15s;
    }
    .ease-range::-moz-range-thumb {
        transition-property: transform;
        transition-duration: 0.15s;
    }
    .ease-range::-webkit-slider-runnable-track {
        transition-property: background-color;
        transition-duration: 0.15s;
    }
    .ease-range::-moz-range-track {
        transition-property: background-color;
        transition-duration: 0.15s;
    }
}
.text,
.select,
.select-multi,
.textarea {
    border: solid 1px hsla(0, 0%, 0%, 0.15);
    overflow: hidden;
    display: block;
    position: relative;
}
.text,
.select,
.mobile .select-multi {
    line-height: normal;
    min-height: 32px;
}
.text:not([class*="align-"]) input,
.select:not([class*="align-"]) select,
.select-multi:not([class*="align-"]) select,
.textarea:not([class*="align-"]) textarea {
    text-align: left !important;
}
.text input,
.select select,
.select-multi select,
.textarea textarea {
    color: hsl(0, 0%, 0%);
    width: 100%;
    background-color: transparent;
    border: 0;
}
.text input,
.select select,
.select-multi select,
.range {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.text input,
.select select,
.textarea textarea {
    line-height: 18px;
    padding: 5px;
    border-radius: 0;
}
.text input,
.select select {
    height: 30px;
    overflow: hidden;
}
.toggle-textarea:not(.form-focus) textarea {
    line-height: 22px;
    height: 30px;
}
.toggle-textarea:not(.form-focus).border-dual textarea {
    line-height: 18px;
    height: 28px;
}
.toggle-textarea:not(.form-focus).no-border textarea {
    height: 32px;
}
.no-border.text input,
.no-border.select select {
    line-height: 22px;
    height: 32px;
}
.border-dual.text input,
.border-dual.select select {
    line-height: 18px;
    height: 28px;
}
.select:not(.form-focus) select {
    opacity: 0.45;
}
.select select {
    padding-right: 22px;
    position: relative;
    z-index: 2;
}
.select option,
.select optgroup {
    background-color: hsl(0, 0%, 100%);
}
.select .icon {
    width: 12px;
    height: 12px;
    stroke-width: 38px;
    position: absolute;
    top: 50%;
    right: 5px;
    cursor: default;
    transform: translateY(-50%);
    opacity: 0.45;
}
.ie .select select:focus::-ms-value {
    color: inherit;
    background-color: transparent;
}
.ie .select select::-ms-expand {
    display: none;
}
.mobile .select-multi,
.ie .select-multi {
    padding: 5px;
}
.select-multi select {
    margin-bottom: -2px;
}
.edge .select-multi select {
    margin-bottom: -5px;
}
.select-multi option,
.select-multi optgroup {
    padding: 3px 5px;
}
.select-multi option:not(:last-child) {
    border-bottom: solid 1px hsla(0, 0%, 0%, 0.045);
}
.check,
.radio {
    vertical-align: middle;
    display: inline-block;
}
.file {
    line-height: normal;
    height: 28px;
    border: solid 1px hsla(0, 0%, 0%, 0.15);
    overflow: hidden;
    display: block;
    position: relative;
}
.file.border-dual {
    height: 32px;
}
.file input {
    vertical-align: middle;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    opacity: 0;
}
.file .btn {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 80px;
    height: 28px;
    line-height: 14px;
    overflow: hidden;
    float: left;
}
.file .btn .icon {
    width: 14px;
    height: 14px;
    stroke-width: 36px;
}
.file.round .btn {
    border-radius: 3px 0 0 3px;
}
.file > span:not(.btn) {
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 28px;
    width: 100%;
    padding-right: 10px;
    padding-left: 90px;
    overflow: hidden;
    display: block;
    position: absolute;
}
.desktop .file:hover .btn {
    background-color: hsla(0, 0%, 0%, 0.15);
}
label.custom {
    min-height: 22px;
    padding-top: 5px;
    padding-bottom: 3px;
    display: inline-block;
}
.check-custom,
.radio-custom,
.switch-custom {
    vertical-align: middle;
    height: 22px;
    margin-bottom: 2px;
    border: solid 1px hsla(0, 0%, 0%, 0.15);
    overflow: hidden;
    display: inline-block;
    position: relative;
}
.check-custom .state,
.radio-custom .state,
.switch-custom .state {
    content: "";
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.check-custom input,
.radio-custom input,
.switch-custom input {
    width: 140%;
    height: 140%;
    display: block;
    position: absolute;
    top: -20%;
    left: -20%;
    z-index: 1;
    opacity: 0;
}
.check-custom,
.radio-custom {
    width: 22px;
}
.check-custom .state,
.radio-custom .state {
    background-color: hsla(0, 0%, 0%, 0.65);
    opacity: 0;
}
.radio-custom,
.switch-custom.round {
    border-radius: 14px !important;
}
.radio-custom .state,
.switch-custom.round .state {
    border-radius: 7px;
}
.radio-custom input:checked + .state {
    opacity: 1;
}
.check-custom.round .state {
    border-radius: 3px;
}
.check-custom input:checked + i,
.check-custom input:indeterminate + .state {
    opacity: 1;
}
.check-custom input:indeterminate + .state {
    height: 4px;
}
.switch-custom {
    width: 44px;
}
.switch-custom input:checked + .state {
    transform: translate(25%, -50%);
}
.switch-custom input:checked + .state:not([class*="ui-"]) {
    background-color: hsl(142, 82%, 42%);
}
.switch-custom input:not(:checked) + .state,
.switch-custom input:not(:checked) + .state[class*="ui-"] {
    background-color: hsla(0, 0%, 0%, 0.15);
}
.switch-custom input:not(:indeterminate):not(:checked):not(:indeterminate) + .state {
    transform: translate(-125%, -50%);
}
.switch-custom input:indeterminate + .state {
    background-color: hsl(42, 100%, 45%);
}
.desktop .switch-custom:hover .state {
    width: 18px;
}
.desktop .switch-custom:hover input:checked + .state {
    transform: translate(0, -50%);
}
.desktop .switch-custom:hover input:not(:checked) + .state {
    transform: translate(-100%, -50%);
}
.desktop .switch-custom:hover input:indeterminate + .state {
    transform: translate(-50%, -50%);
}
.range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
}
.range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: hsl(142, 82%, 42%);
    border: 0;
    border-radius: 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.range.ui-color::-webkit-slider-thumb {
    background-color: currentColor;
}
.range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    background-color: hsla(0, 0%, 0%, 0.08);
    border-color: transparent;
    border-radius: 20px;
    cursor: pointer;
}
.range:hover::-webkit-slider-runnable-track {
    background-color: hsla(0, 0%, 0%, 0.15);
}
.range:not(:disabled):hover::-webkit-slider-thumb {
    transform: scale(1.2);
}
.range:not(:disabled)::-webkit-slider-thumb:active {
    transform: scale(1.4);
}
.range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: hsl(142, 82%, 42%);
    border: 0;
    border-radius: 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.range.ui-color::-moz-range-thumb {
    background-color: currentColor;
}
.range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    background-color: hsla(0, 0%, 0%, 0.08);
    border-color: transparent;
    border-radius: 20px;
    cursor: pointer;
}
.range:hover::-moz-range-track {
    background-color: hsla(0, 0%, 0%, 0.15);
}
.range:not(:disabled):hover::-moz-range-thumb {
    transform: scale(1.2);
}
.range:not(:disabled)::-moz-range-thumb:active {
    transform: scale(1.4);
}
.range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    background-color: hsl(142, 82%, 42%);
    margin-top: 0;
    margin-right: 0.2rem;
    margin-left: 0.2rem;
    border: 0;
    border-radius: 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.range.ui-color::-ms-thumb {
    background-color: currentColor;
}
.range::-ms-track {
    color: transparent;
    width: 100%;
    height: 0.5rem;
    background-color: transparent;
    border-color: transparent;
    cursor: pointer;
}
.range:not(:disabled):hover::-ms-thumb {
    transform: scale(1.2);
}
.range:not(:disabled)::-ms-thumb:active {
    transform: scale(1.4);
}
.range::-ms-fill-lower {
    background-color: hsla(0, 0%, 0%, 0.08);
    border-radius: 20px;
}
.range:hover::-ms-fill-lower {
    background-color: hsla(0, 0%, 0%, 0.15);
}
.range::-ms-fill-upper {
    background-color: hsla(0, 0%, 0%, 0.08);
    border-radius: 20px;
}
.range:hover::-ms-fill-upper {
    background-color: hsla(0, 0%, 0%, 0.15);
}
.range:disabled::-webkit-slider-thumb {
    background-color: hsl(220, 3%, 57%);
}
.range:disabled::-moz-range-thumb {
    background-color: hsl(220, 3%, 57%);
}
.range:disabled::-ms-thumb {
    background-color: hsl(220, 3%, 57%);
}
.range:disabled::-webkit-slider-runnable-track {
    cursor: default;
}
.range:disabled::-moz-range-track {
    cursor: default;
}
.error .check-custom,
.error .radio-custom,
.error .switch-custom {
    background-color: hsla(0, 74%, 55%, 0.1) !important;
    border-color: hsl(0, 74%, 55%) !important;
}
.error:not(.form-holder):not(.required-accept):not(.hint),
.error label.check,
.error label.radio {
    background-color: hsla(0, 74%, 55%, 0.1) !important;
    border-color: hsl(0, 74%, 55%) !important;
}
.warning .check-custom,
.warning .radio-custom,
.warning .switch-custom {
    background-color: hsla(42, 100%, 45%, 0.1) !important;
    border-color: hsl(42, 100%, 45%) !important;
}
.warning:not(.form-holder):not(.required-accept):not(.hint),
.warning label.check,
.warning label.radio {
    background-color: hsla(42, 100%, 45%, 0.1) !important;
    border-color: hsl(42, 100%, 45%) !important;
}
.form-light {
    border-color: hsla(0, 0%, 100%, 0.175) !important;
}
.form-light > input,
.form-light > select:not(:focus),
.form-light > textarea,
.form-light .icon {
    color: hsl(0, 0%, 100%);
}
.form-light > input:-webkit-autofill:not(:focus) {
    -webkit-text-fill-color: hsl(0, 0%, 100%) !important;
}
.hint {
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 0 !important;
    display: block;
}
.hint.error {
    color: hsl(0, 74%, 55%);
}
.hint.warning {
    color: hsl(42, 100%, 45%);
}
.required-msg {
    color: hsl(0, 74%, 55%);
    margin-top: 5px;
    margin-bottom: 0 !important;
}
.required-msg.show {
    display: block;
}
.required-msg:not(.show) {
    display: none;
}
.form-inline,
.form-inline-xs {
    vertical-align: middle;
    display: inline-block !important;
}
.form-disabled {
    background-color: hsla(0, 0%, 0%, 0.075);
    opacity: 0.65;
}
.form-disabled.form-light {
    background-color: hsla(0, 0%, 100%, 0.075);
}
.form-readonly input,
.form-readonly textarea {
    color: hsla(0, 0%, 0%, 0.5);
}
.form-readonly.form-light input,
.form-readonly.form-light textarea {
    color: hsla(0, 0%, 100%, 0.65);
}
.form-label,
.form-grid {
    line-height: normal;
    opacity: 0.6;
}
.form-grid {
    font-size: 13px;
}
.form-label {
    margin-bottom: 5px;
    display: inline-block;
}
.form-focus {
    border-color: hsla(0, 0%, 0%, 0.35);
}
.form-focus.form-light {
    border-color: hsla(0, 0%, 100%, 0.65) !important;
}
.form-focus:not(.form-readonly) {
    background-color: hsla(0, 0%, 0%, 0.015);
    box-shadow: inset 0 0 2px hsla(0, 0%, 0%, 0.075);
}
.form-focus > input,
.form-focus > select,
.form-focus.form-light > select option,
.form-focus > textarea,
.form-focus .icon:not([class*="ui-"]) {
    color: hsl(0, 0%, 0%);
}
.form-focus.form-light > input,
.form-focus.form-light > select,
.form-focus.form-light > textarea,
.form-focus.form-light .icon:not([class*="ui-"]) {
    color: hsl(0, 0%, 100%) !important;
}
.form-focus[class*="text-icon"] .icon,
.form-focus.select .icon {
    opacity: 1;
}
.form-focus.select .icon {
    transform: translateY(-50%) rotate(-180deg);
}
::placeholder {
    color: hsla(0, 0%, 0%, 0.4);
}
.form-focus > ::placeholder {
    color: hsla(0, 0%, 0%, 0.23);
}
.form-light > ::placeholder {
    color: hsla(0, 0%, 100%, 0.4);
}
.form-light.form-focus > ::placeholder {
    color: hsla(0, 0%, 100%, 0.23);
}
::-ms-input-placeholder {
    color: hsla(0, 0%, 0%, 0.4);
}
.form-focus > ::-ms-input-placeholder {
    color: hsla(0, 0%, 0%, 0.23);
}
.form-light > ::-ms-input-placeholder {
    color: hsla(0, 0%, 100%, 0.4);
}
.form-light.form-focus > ::-ms-input-placeholder {
    color: hsla(0, 0%, 100%, 0.23);
}
::-moz-placeholder {
    opacity: 1;
}
[class*="text-icon"] .icon,
[class*="text-icon"] > button {
    color: hsl(0, 0%, 0%);
    cursor: default;
}
[class*="text-icon"] > .icon,
[class*="text-icon"] > button {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
}
[class*="text-icon"] .icon {
    width: 16px;
    height: 16px;
    stroke-width: 34px;
}
[class*="text-icon"] .icon {
    opacity: 0.45;
}
[class*="text-icon"]:not(.text-icon-l) > input {
    padding-right: 26px !important;
}
[class*="text-icon"] > button,
[class*="text-icon"] > button .icon {
    cursor: pointer;
}
[class*="text-icon"] > button:hover .icon {
    opacity: 1;
}
.text-icon-l > .icon,
.text-icon-both > .text-icon-l {
    right: inherit;
    left: 5px;
}
.text-icon-l > input,
.text-icon-both > input {
    padding-left: 26px !important;
}
.text-icon-both > input {
    padding-right: 26px !important;
}
.clear-form:not(.open) {
    display: none;
}
.clear-form:not(.open-ease) {
    opacity: 0;
}
.text .clear-form .icon {
    width: 12px;
    height: 12px;
    stroke-width: 38px;
}
.form-holder .text,
.form-holder .select {
    min-width: inherit !important;
}
.form-holder-focus [class*="col-"] > * {
    border-color: hsla(0, 0%, 0%, 0.35);
}
.form-holder-focus [class*="col-"] > .form-light,
.form-holder-focus [class*="col-"] > .border-light {
    border-color: hsla(0, 0%, 100%, 0.65) !important;
}
.form-holder [class*="col-"]:not(:first-child) > * {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.form-holder [class*="col-"]:not(:last-child) > * {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.form-holder .row:not(:last-child) > [class*="col-"]:last-child > * {
    border-right: 0;
}
.form-holder .row:not(:first-child):not(:last-child) > [class*="col-"] > * {
    border-radius: 0;
}
.form-holder .row:last-child > [class*="col-"]:first-child > * {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.form-holder .row:first-child > [class*="col-"]:last-child > * {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.form-holder.error .text,
.form-holder.error .select,
.form-holder.error .border,
.form-holder.error [class*="border-"] {
    border-color: hsl(0, 74%, 55%) !important;
}
.form-holder.error .text,
.form-holder.error .select {
    background-color: hsla(0, 74%, 55%, 0.1);
}
.form-lg .text,
.form-lg .select {
    min-height: 42px;
}
.form-lg .text input,
.form-lg .select select {
    font-size: 16px;
    line-height: 32px;
    height: 42px;
    padding-right: 10px;
    padding-left: 10px;
}
.form-lg .text.no-border input,
.form-lg .select.no-border select {
    line-height: 30px;
    height: 42px;
}
.form-lg .text.border-dual input,
.form-lg .select.border-dual select {
    line-height: 28px;
    height: 38px;
}
.form-lg .select select {
    padding-right: 40px;
}
.form-lg .select .icon,
.form-lg [class*="text-icon"] > .icon {
    width: 20px;
    height: 20px;
    stroke-width: 30px;
    right: 10px;
}
.form-lg [class*="text-icon"] .icon {
    width: 20px;
    height: 20px;
    stroke-width: 30px;
}
.form-lg [class*="text-icon"] > button {
    right: 10px;
}
.form-lg [class*="text-icon"]:not(.text-icon-l) > input,
.form-lg .text-icon-both > input {
    padding-right: 40px !important;
}
.form-lg .text-icon-l > .icon,
.form-lg .text-icon-both > .text-icon-l {
    left: 10px;
}
.form-lg .text-icon-l > input,
.form-lg .text-icon-both > input {
    padding-left: 40px !important;
}
.form-lg .clear-form .icon {
    width: 20px;
    height: 20px;
    stroke-width: 30px;
}
.form-lg .file {
    height: 38px;
}
.form-lg .file.border-dual {
    height: 42px;
}
.form-lg .file .btn {
    height: 38px;
    line-height: 18px;
}
.form-lg .file .btn .icon {
    width: 18px;
    height: 18px;
    stroke-width: 32px;
}
.form-lg .file > span:not(.btn) {
    font-size: 16px;
    line-height: 38px;
}
@media (min-width: 960px) {
    .form-grid {
        line-height: 32px;
        display: inline-block;
    }
    .form-lg .form-grid {
        font-size: 14px;
        line-height: 42px;
    }
}
@media (max-width: 959px) {
    .form-grid {
        display: block;
    }
    .row [class*="col-"]:not(.sm-fluid) .form-grid {
        margin-bottom: -15px;
    }
    .row-gap-md [class*="col-"]:not(.sm-fluid) .form-grid,
    .row-gap-md-v [class*="col-"]:not(.sm-fluid) .form-grid {
        margin-bottom: -5px;
    }
    .row-gap-sm [class*="col-"]:not(.sm-fluid) .form-grid,
    .row-gap-sm-v [class*="col-"]:not(.sm-fluid) .form-grid {
        margin-bottom: 0;
    }
    .row-gap-xs [class*="col-"]:not(.sm-fluid) .form-grid,
    .row-gap-xs-v [class*="col-"]:not(.sm-fluid) .form-grid {
        margin-bottom: 3px;
    }
    .no-row-gap [class*="col-"]:not(.sm-fluid) .form-grid {
        margin-top: 10px;
        margin-bottom: 5px;
    }
}
@media (min-width: 768px) and (max-width: 959px) {
    .sm-fluid .form-grid {
        line-height: 32px;
        display: inline-block;
    }
}
@media (max-width: 767px) {
    .sm-fluid .form-grid {
        display: block;
    }
    .row [class*="col-"] .sm-fluid .form-grid {
        margin-bottom: -15px;
    }
    .row-gap-md [class*="col-"].sm-fluid .form-grid,
    .row-gap-md-v [class*="col-"].sm-fluid .form-grid {
        margin-bottom: -5px;
    }
    .row-gap-sm [class*="col-"].sm-fluid .form-grid,
    .row-gap-sm-v [class*="col-"].sm-fluid .form-grid {
        margin-bottom: 0;
    }
    .row-gap-xs [class*="col-"].sm-fluid .form-grid,
    .row-gap-xs-v [class*="col-"].sm-fluid .form-grid {
        margin-bottom: 3px;
    }
    .no-row-gap [class*="col-"].sm-fluid .form-grid {
        margin-top: 10px;
        margin-bottom: 5px;
    }
}
@media (max-width: 480px) {
    .form-inline-xs {
        width: 100% !important;
        display: block !important;
    }
    .form-inline-xs:not(:last-child):not(.highlight) {
        margin-bottom: 5px;
    }
    label.custom + label.custom {
        display: block;
    }
}
/* icons */
.icon {
    vertical-align: middle;
    display: inline-block;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    width: 20px;
    height: 20px;
    stroke-width: 30px;
}
.icon-mirror-v {
    transform: scaleY(-1);
}
.icon-mirror-h {
    transform: scaleX(-1);
}
.svg-f {
    fill: currentColor !important;
}
.svg-l {
    fill: none !important;
}
.svg-sd {
    fill: currentColor !important;
    stroke: none !important;
}
.svg-s {
    opacity: 0.45;
}
.svg-fr {
    fill-rule: evenodd;
}
.icon-xxl,
.icons-xxl .icon {
    width: 50px !important;
    height: 50px !important;
}
.icon-xxl,
.icons-xxl .icon:not([class*="icon-"]) {
    stroke-width: 12px !important;
}
.icon-xl,
.icons-xl .icon {
    width: 34px !important;
    height: 34px !important;
}
.icon-xl,
.icons-xl .icon:not([class*="icon-"]) {
    stroke-width: 16px !important;
}
.icon-lg,
.icons-lg .icon {
    width: 26px !important;
    height: 26px !important;
}
.icon-lg,
.icons-lg .icon:not([class*="icon-"]) {
    stroke-width: 24px !important;
}
.icon-sm,
.icons-sm .icon {
    width: 18px !important;
    height: 18px !important;
}
.icon-sm,
.icons-sm .icon:not([class*="icon-"]) {
    stroke-width: 32px !important;
}
.icon-xs,
.icons-xs .icon {
    width: 14px !important;
    height: 14px !important;
}
.icon-xs,
.icons-xs .icon:not([class*="icon-"]) {
    stroke-width: 36px !important;
}
.icon-xxs,
.icons-xxs .icon {
    width: 12px !important;
    height: 12px !important;
}
.icon-xxs,
.icons-xxs .icon:not([class*="icon-"]) {
    stroke-width: 38px !important;
}
.icon-thin,
.icons-thin .icon:not([class*="icon-"]) {
    stroke-width: 12px !important;
}
.icon-light,
.icons-light .icon:not([class*="icon-"]) {
    stroke-width: 16px !important;
}
.icon-default,
.icons-default .icon:not([class*="icon-"]) {
    stroke-width: 24px !important;
}
.icon-semibold,
.icons-semibold .icon:not([class*="icon-"]) {
    stroke-width: 32px !important;
}
.icon-bold,
.icons-bold .icon:not([class*="icon-"]) {
    stroke-width: 36px !important;
}
.icon-black,
.icons-black .icon:not([class*="icon-"]) {
    stroke-width: 38px !important;
}
.icons-no-opacity .icon:not(.default-icon) {
    opacity: 1 !important;
}
.icons-margin-5-l .icon {
    margin-left: 5px !important;
}
.icons-margin-5-r .icon {
    margin-right: 5px !important;
}
.icons-margin-5-v .icon {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.icons-margin-5-h .icon {
    margin-right: 5px !important;
    margin-left: 5px !important;
}
.icons-margin-10-l .icon {
    margin-left: 10px !important;
}
.icons-margin-10-r .icon {
    margin-right: 10px !important;
}
.icons-margin-10-v .icon {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.icons-margin-10-h .icon {
    margin-right: 10px !important;
    margin-left: 10px !important;
}
/* list group */
.ease-list-group li,
.ease-list-group li > a:not(.list-link) {
    transition-property: background-color;
    transition-duration: 0.15s;
}
.ease-list-group .list-icon:not([class*="ease-"]) {
    transition-property: opacity;
    transition-duration: 0.15s;
}
.list-group {
    list-style: none;
    padding: 0;
}
.list-group > ul,
.list-group > ol {
    list-style: none;
    padding: 0;
}
.list-group > ul {
    margin-bottom: 0;
}
.list-group > ul > li {
    position: relative;
}
.list-group > ul > li,
.list-group > ul > li > a:not(.list-link) {
    line-height: normal;
    padding: 10px;
}
.list-group > ul > li:before,
.list-group > ul > li:after,
.list-group > ul > li > a:not(.list-link):before,
.list-group > ul > li > a:not(.list-link):after {
    content: "";
    display: table;
}
.list-group > ul > li:after,
.list-group > ul > li > a:not(.list-link):after {
    clear: both;
}
.list-group > ul > li > p {
    margin-bottom: 0;
}
.list-group > ul > li > a:not(.list-link) {
    margin: -10px;
    display: block;
}
.desktop .list-group > ul > li > a:not(.list-link):hover .list-icon {
    opacity: 0.75;
}
.list-group li:nth-child(odd):not([class*="ui-"]) {
    background-color: hsla(0, 0%, 0%, 0.035);
}
.list-group li:not([class*="ui-"]):hover {
    background-color: hsla(0, 0%, 0%, 0.06);
}
.list-group.round > ul:not([class*="list-column-"]) > li:first-child,
.list-group.round > ul:not([class*="list-column-"]) > li:first-child > a:not(.list-link) {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.list-group.round > ul:not([class*="list-column-"]) > li:last-child,
.list-group.round > ul:not([class*="list-column-"]) > li:last-child > a:not(.list-link) {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.list-group .list-icon {
    width: 14px;
    height: 14px;
    stroke-width: 36px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    opacity: 0.45;
}
.list-group .has-icon-xxl > li,
.list-group .has-icon-xxl > li > a:not(.list-link) {
    padding-right: 70px;
}
.list-group .has-icon-xxl > li > a:not(.list-link) {
    margin-right: -70px;
}
.list-group .has-icon-xxl .list-icon {
    width: 50px;
    height: 50px;
    stroke-width: 12px;
}
.list-group .has-icon-xl > li,
.list-group .has-icon-xl > li > a:not(.list-link) {
    padding-right: 54px;
}
.list-group .has-icon-xl > li > a:not(.list-link) {
    margin-right: -54px;
}
.list-group .has-icon-xl .list-icon {
    width: 34px;
    height: 34px;
    stroke-width: 16px;
}
.list-group .has-icon-lg > li,
.list-group .has-icon-lg > li > a:not(.list-link) {
    padding-right: 46px;
}
.list-group .has-icon-lg > li > a:not(.list-link) {
    margin-right: -46px;
}
.list-group .has-icon-lg .list-icon {
    width: 26px;
    height: 26px;
    stroke-width: 24px;
}
.list-group .has-icon-sm > li,
.list-group .has-icon-sm > li > a:not(.list-link) {
    padding-right: 38px;
}
.list-group .has-icon-sm > li > a:not(.list-link) {
    margin-right: -38px;
}
.list-group .has-icon-sm .list-icon {
    width: 18px;
    height: 18px;
    stroke-width: 32px;
}
.list-group .has-icon-xs > li,
.list-group .has-icon-xs > li > a:not(.list-link) {
    padding-right: 34px;
}
.list-group .has-icon-xs > li > a:not(.list-link) {
    margin-right: -34px;
}
.list-group .has-icon-xs .list-icon {
    width: 14px;
    height: 14px;
    stroke-width: 36px;
}
.list-group .has-icon-xxs > li,
.list-group .has-icon-xxs > li > a:not(.list-link) {
    padding-right: 32px;
}
.list-group .has-icon-xxs > li > a:not(.list-link) {
    margin-right: -32px;
}
.list-group .has-icon-xxs .list-icon {
    width: 12px;
    height: 12px;
    stroke-width: 38px;
}
.list-group [class*="has-photo"] [class*="img-photo"] {
    position: absolute;
    top: 10px;
    left: 10px;
}
.list-group .has-photo-lg li,
.list-group .has-photo-lg li > a:not(.list-link) {
    min-height: 100px;
    padding-left: 100px;
}
.list-group .has-photo-lg li > a:not(.list-link) {
    margin-left: -100px;
}
.list-group .has-photo li,
.list-group .has-photo li > a:not(.list-link) {
    min-height: 70px;
    padding-left: 70px;
}
.list-group .has-photo li > a:not(.list-link) {
    margin-left: -70px;
}
.list-group .has-photo-sm li,
.list-group .has-photo-sm li > a:not(.list-link) {
    min-height: 62px;
    padding-left: 62px;
}
.list-group .has-photo-sm li > a:not(.list-link) {
    margin-left: -62px;
}
.list-group .has-photo-xs li,
.list-group .has-photo-xs li > a:not(.list-link) {
    min-height: 52px;
    padding-left: 52px;
}
.list-group .has-photo-xs li > a:not(.list-link) {
    margin-left: -52px;
}
/* cards */
.card,
[class*="card-"]:not(.card-side) {
    background-color: hsl(0, 0%, 100%);
    display: block;
    position: relative;
}
.card:not(:last-child),
[class*="card-"]:not(.card-side):not(:last-child) {
    margin-bottom: 20px;
}
.card:before,
.card-side:before,
.card:after,
.card-side:after {
    content: "";
    display: table;
}
.card:after,
.card-side:after {
    clear: both;
}
.card > .row,
.card-side > .row,
[class*="card-"]:not(.card-side) > .row {
    margin-left: inherit;
    margin-right: inherit;
}
[class*="card-"]:not(.card-side) {
    border-left-style: solid;
    border-left-width: 5px;
}
[class*="card-"]:not(.card-side).round {
    border-radius: 0 6px 6px 0;
}
.round > .card-side:first-child {
    border-radius: 6px 6px 0 0;
}
.round > .card-side:last-child {
    border-radius: 0 0 6px 6px;
}
.card-info {
    border-color: hsl(0, 0%, 70%);
}
.card-success {
    border-color: hsl(142, 82%, 42%);
}
.card-warning {
    border-color: hsl(42, 100%, 45%);
}
.card-danger {
    border-color: hsl(30, 100%, 50%);
}
.close-card {
    color: hsl(0, 0%, 0%);
    line-height: 12px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    opacity: 0.45;
    cursor: pointer;
}
.close-card .icon {
    width: 12px;
    height: 12px;
    stroke-width: 38px;
}
.desktop .close-card:hover {
    opacity: 0.75;
}
.closing-card {
    transform: scale(0.94, 0.98);
    opacity: 0;
}
@media (max-width: 767px) {
    [class*="card-"]:not(.card-side) > p {
        text-align: center;
    }
}
/* tables */
.ease-table tr {
    transition-property: background-color;
    transition-duration: 0.15s;
}
.table {
    width: 100%;
    background-color: hsl(0, 0%, 100%);
}
.table:not(:last-child) {
    margin-bottom: 20px;
}
.table caption {
    font-size: 16px;
    text-align: center;
    background-color: hsla(0, 0%, 0%, 0.025);
    padding: 10px;
}
.table:not(.table-ultra-condensed) th,
.table:not(.table-ultra-condensed) td {
    padding-right: 5px;
    padding-left: 5px;
}
.table:not(.no-separated) th,
.table:not(.no-separated) td {
    border-bottom: solid 1px hsl(0, 0%, 86.7%);
}
.table:not(.table-condensed):not(.table-ultra-condensed) th,
.table:not(.table-condensed):not(.table-ultra-condensed) td {
    padding-top: 10px;
    padding-bottom: 10px;
}
.table.table-condensed:not(.table-ultra-condensed) th,
.table.table-condensed:not(.table-ultra-condensed) td {
    padding-top: 5px;
    padding-bottom: 5px;
}
.table .table-nowrap th,
.table .table-nowrap td {
    white-space: nowrap;
    text-overflow: '';
    overflow: hidden;
}
.table thead th {
    font-weight: 700;
    vertical-align: bottom !important;
}
.table tbody tr:last-child th {
    border-bottom-width: 0;
}
.table-sidebar td:first-of-type {
    font-weight: 700;
    border-right: solid 1px hsl(0, 0%, 86.7%);
}
.table tbody:last-child tr:last-child td,
.table tfoot tr:last-child td,
.table tr:last-child:not(:first-child) td {
    border-bottom: 0;
}
.table:not(.table-sidebar).align-c td,
.table:not(.table-sidebar).align-c th,
.table-sidebar.align-c td:not(:first-child) {
    text-align: center;
}
.table[class*="border-"],
.table-border {
    border-color: hsl(0, 0%, 86.7%);
}
.table-valign td,
.table-valign th {
    vertical-align: middle !important;
}
.table-scroll {
    width: 100%;
    overflow-x: auto;
}
.mobile .table-scroll {
    -webkit-overflow-scrolling: touch;
}
.table-scroll .table {
    margin-bottom: 0 !important;
}
.table-scroll > .table tr > * {
    white-space: nowrap;
}
.table-striped tr:nth-child(even):not([class*="ui-"]) {
    background-color: hsla(0, 0%, 0%, 0.045);
}
.desktop .table-hover tbody tr:not([class*="ui-"]):hover {
    background-color: hsla(0, 0%, 0%, 0.1);
}
.table-border {
    border: solid 1px hsl(0, 0%, 86.7%);
}
.table-border th:not(:last-child),
.table-border td:not(:last-child) {
    border-right: solid 1px hsl(0, 0%, 86.7%);
}
@media (max-width: 959px) {
    .table-fluid {
        width: 100%;
        overflow-x: auto;
    }
    .mobile .table-fluid {
        -webkit-overflow-scrolling: touch;
    }
    .table-fluid .table {
        margin-bottom: 0 !important;
    }
    .table-fluid > .table tr > * {
        white-space: nowrap;
    }
    .table-fluid > .data-list {
        min-width: 858px;
    }
}
/* breadcrumbs */
.breadcrumbs:not(:last-child) {
    margin-bottom: 10px;
}
.breadcrumbs > ul > li:not(:last-child) {
    margin-right: 5px;
}
.breadcrumbs > ul > li > a,
.breadcrumbs > ul > li > b {
    display: inline-block;
}
.breadcrumbs:not(.no-separated) > ul > li:not(:first-child):before {
    content: "\203A";
    color: hsla(0, 0%, 0%, 0.25);
    font-size: 18px;
    line-height: normal;
    margin: 0 8px 0 3px;
    display: inline-block;
}
@media (max-width: 480px) {
    .breadcrumbs {
        text-align: center;
        margin-top: 5px;
    }
    .breadcrumbs > ul > li {
        margin-bottom: 5px;
    }
}
/* page social */
.page-social {
    width: 42px;
    position: fixed;
    top: 30%;
    z-index: 20;
    left: 0;
}
.btn-facebook {
    color: hsl(0, 0%, 100%);
    background-color: hsl(221, 44%, 41%);
}
.desktop .btn-facebook:hover {
    background-color: hsl(221, 44%, 51%) !important;
}
.btn-twitter {
    color: hsl(0, 0%, 100%);
    background-color: hsl(203, 89%, 53%);
}
.desktop .btn-twitter:hover {
    background-color: hsl(203, 89%, 63%) !important;
}
.btn-instagram {
    color: hsl(0, 0%, 100%);
    background-color: hsl(326, 57%, 48%);
}
.desktop .btn-instagram:hover {
    background-color: hsl(326, 57%, 58%) !important;
}
.btn-linkedin {
    color: hsl(0, 0%, 100%);
    background-color: hsl(201, 100%, 35%);
}
.desktop .btn-linkedin:hover {
    background-color: hsl(201, 100%, 45%) !important;
}
.btn-google {
    color: hsl(0, 0%, 100%);
    background-color: hsl(5, 69%, 54%);
}
.desktop .btn-google:hover {
    background-color: hsl(5, 69%, 64%) !important;
}
.btn-whatsapp {
    color: hsl(0, 0%, 100%);
    background-color: hsl(142, 70%, 49%);
}
.desktop .btn-whatsapp:hover {
    background-color: hsl(142, 70%, 59%) !important;
}
.btn-youtube {
    color: hsl(0, 0%, 100%);
    background-color: hsl(0, 100%, 50%);
}
.desktop .btn-youtube:hover {
    background-color: hsl(0, 100%, 60%) !important;
}
@media (max-width: 480px) {
    .page-social {
        display: none;
    }
}
@media (max-height: 480px) {
    .page-social {
        display: none;
    }
}
/* photo images */
.photos-holder {
    vertical-align: middle;
    display: inline-block;
}
.photos-holder > *:not(.btn):not(:first-child) {
    margin-left: -15px;
}
.photos-holder [class*="img-photo"] {
    border-color: hsl(0, 0%, 98%);
}
.dropdown .photos-holder [class*="img-photo"] {
    border-color: hsl(0, 0%, 100%);
}
.card .photos-holder [class*="img-photo"] {
    border-color: hsl(0, 0%, 100%);
}
[class*="img-photo"] {
    text-align: center;
    vertical-align: middle;
    position: relative;
}
[class*="img-photo"]:not(img) {
    background-color: hsla(0, 0%, 0%, 0.08);
    display: inline-block;
}
[class*="img-photo"]:not(img) > span,
[class*="img-photo"]:not(img) > svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.img-photo {
    font-size: 16px;
    width: 50px;
    height: 50px;
}
.img-photo-lg {
    font-size: 24px;
    width: 80px;
    height: 80px;
}
.img-photo-lg .icon {
    width: 34px;
    height: 34px;
    stroke-width: 16px;
}
.img-photo-sm {
    font-size: 14px;
    width: 42px;
    height: 42px;
}
.img-photo-sm .icon {
    width: 18px;
    height: 18px;
    stroke-width: 32px;
}
.img-photo-xs {
    font-size: 12px;
    width: 32px;
    height: 32px;
}
.img-photo-xs .icon {
    width: 14px;
    height: 14px;
    stroke-width: 36px;
}
/* progress bar */
@keyframes progress-fill {
    from {
        width: 0;
    }
}
.progress-bar {
    height: 14px;
    background-color: hsla(0, 0%, 0%, 0.075);
    padding: 2px;
    display: block;
    overflow: hidden;
}
.progress-bar:not(:last-child) {
    margin-bottom: 10px;
}
.progress-bar > span {
    width: 0;
    height: 10px;
    background-color: hsla(0, 0%, 0%, 0.15);
    float: left;
}
.progress-bar > span:not([class*="animate-"]) {
    animation: progress-fill 2s ease-in-out forwards;
}
.progress-bar.border > span {
    height: 8px;
}
.progress-bar.border-dual > span {
    height: 6px;
}
.progress-bar.round > span:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.progress-bar.round > span:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.progress-lg {
    height: 20px;
}
.progress-lg > span {
    height: 16px;
}
.progress-lg.border-dual > span {
    height: 12px;
}
.progress-sm {
    height: 10px;
}
.progress-sm > span {
    height: 6px;
}
.progress-sm.border-dual > span {
    height: 2px;
}
/* scrollbar */
.desktop ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: hsla(0, 0%, 0%, 0.045);
}
.desktop body::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
.desktop ::-webkit-scrollbar-track {
    background-color: transparent;
}
.desktop ::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 0%, 0.1);
}
.desktop ::-webkit-scrollbar-thumb:hover {
    background-color: hsla(0, 0%, 0%, 0.15);
}
.desktop ::-webkit-scrollbar-thumb:active {
    background-color: hsla(0, 0%, 0%, 0.25);
}
.desktop .round::-webkit-scrollbar-thumb {
    border-radius: 6px;
}
.desktop [class*="ui-bg-dark-"]::-webkit-scrollbar-thumb,
.desktop [class*="ui-bg-dark-"] ::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 100%, 0.15);
}
.desktop [class*="ui-bg-dark-"]::-webkit-scrollbar-thumb:hover,
.desktop [class*="ui-bg-dark-"] ::-webkit-scrollbar-thumb:hover {
    background-color: hsla(0, 0%, 100%, 0.2);
}
.desktop [class*="ui-bg-dark-"]::-webkit-scrollbar-thumb:active,
.desktop [class*="ui-bg-dark-"] ::-webkit-scrollbar-thumb:active {
    background-color: hsla(0, 0%, 100%, 0.25);
}
/* stripes */
.stripe-light {
    background-image: linear-gradient(45deg, transparent 25%, hsla(0, 0%, 100%, 0.35) 25%, hsla(0, 0%, 100%, 0.35) 50%, transparent 50%, transparent 75%, hsla(0, 0%, 100%, 0.35) 75%);
    background-size: 20px 20px;
}
.stripe-dark {
    background-image: linear-gradient(45deg, transparent 25%, hsla(0, 0%, 0%, 0.15) 25%, hsla(0, 0%, 0%, 0.15) 50%, transparent 50%, transparent 75%, hsla(0, 0%, 0%, 0.15) 75%);
    background-size: 20px 20px;
}
.stripe-lg {
    background-size: 40px 40px;
}
.stripe-sm {
    background-size: 10px 10px;
}
.stripe-xs {
    background-size: 5px 5px;
}
/* svg map */
.svg-map {
    position: relative;
}
.svg-map svg {
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    display: block;
}
html:not(.ie) .svg-map svg {
    height: auto;
}
.ie .svg-map svg {
    height: 360px;
}
.svg-map svg g path {
    stroke-width: 1.5;
}
.svg-map svg g path:not([fill]) {
    fill: hsla(0, 0%, 0%, 0.08);
}
.svg-map svg g path:not([fill]):hover {
    fill: hsla(0, 0%, 0%, 0.55);
}
.svg-map svg g path:not([stroke]) {
    stroke: hsl(0, 0%, 98%);
}
.card .svg-map svg g path:not([stroke]) {
    stroke: hsl(0, 0%, 100%);
}
.svg-map svg g.active path:not([fill]) {
    fill: currentColor;
}
.svg-map svg g.active path:hover {
    opacity: 1 !important;
}
.svg-map svg g[data-href] path {
    cursor: pointer;
}
/* mobile menu */
.mobile-menu {
    width: 100%;
    width: 320px;
    background-color: hsl(0, 0%, 98%);
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 90;
    box-shadow: 0 5px 15px hsla(0, 0%, 0%, 0.15);
}
.mobile-menu-opened,
.mobile-menu-opened > body {
    overflow: hidden;
}
.mobile-menu-bg {
    width: 100%;
    min-width: 320px;
    height: 100%;
    background-color: hsla(0, 0%, 0%, 0.65);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 89;
}
.mobile-menu-bg:not(.open) {
    display: none;
}
.mobile-menu-bg:not(.open-ease) {
    opacity: 0;
}
.mobile-menu.show-r {
    right: 0;
    transform: translateX(100%);
}
.mobile-menu.show-l {
    left: 0;
    transform: translateX(-100%);
}
.mobile-menu:not(.open) {
    display: none;
}
.mobile-menu.open-ease {
    transform: translateX(0);
}
.mobile-menu-title {
    height: 66px;
    padding: 10px 62px 10px 10px;
    position: relative;
    z-index: 1;
}
.mobile-menu-title + .mobile-menu-content {
    top: 66px;
}
.mobile-menu-content {
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.close-mobile-menu {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 10;
}
/* modal */
.modal {
    display: none;
}
.modal-opened,
.modal-opened > body {
    overflow: hidden;
}
.modal-bg {
    width: 100%;
    min-width: 320px;
    height: 100%;
    background-color: hsla(0, 0%, 0%, 0.86);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 89;
}
.modal-bg:not(.open) {
    display: none;
}
.modal-bg:not(.open-ease) {
    opacity: 0;
}
.modal-win.show {
    position: fixed;
    z-index: 90;
}
.modal-win:not(.show) {
    display: none;
}
.modal-win.no-bg,
.modal-win.no-bg .text input,
.modal-win.no-bg .select select,
.modal-win.no-bg .select-multi select,
.modal-win.no-bg .textarea textarea,
.modal-win.no-bg .text .icon,
.modal-win.no-bg .select .icon {
    color: hsl(0, 0%, 100%);
}
.modal-win.no-bg ::placeholder {
    color: hsla(0, 0%, 100%, 0.4);
}
.modal-win.no-bg ::-ms-input-placeholder {
    color: hsla(0, 0%, 100%, 0.4);
}
.modal-win.no-bg .modal-content {
    background: none !important;
    box-shadow: none !important;
}
.modal-win.no-bg .error:not(.form-holder) {
    background-color: hsl(0, 74%, 55%) !important;
}
.modal-win.no-bg .error .icon {
    color: hsl(0, 0%, 100%) !important;
}
.modal-win:not(.show-ease) .modal-content {
    opacity: 0;
    transform: translateY(10px);
}
.modal-win .modal {
    height: 100%;
    display: block;
}
.modal-content {
    min-width: 280px;
    background-color: hsl(0, 0%, 98%);
    position: fixed;
}
.modal-content:not(.fullscreen) {
    max-height: 92%;
}
.modal-content:not(.fullscreen).round .modal-header {
    border-radius: 5px 5px 0 0;
}
.modal-content:not(.fullscreen).round .modal-footer {
    border-radius: 0 0 5px 5px;
}
.modal-content:not(.fullscreen).round .modal-iframe {
    border-radius: 5px;
}
.modal-content:not(.fullscreen) .close-modal {
    background-color: hsla(0, 0%, 0%, 0.65);
    top: -16px;
    right: -16px;
}
.desktop .modal-content:not(.fullscreen) .close-modal:hover {
    background-color: hsl(0, 0%, 20%);
}
.modal-content.fullscreen {
    width: 100%;
    height: 100%;
    border-radius: 0 !important;
}
.modal-content.fullscreen .modal-header .modal-buttons {
    padding-right: 42px;
}
.modal-content.fullscreen .close-modal {
    background-color: hsla(0, 0%, 0%, 0.2);
    top: 10px;
    right: 10px;
}
.desktop .modal-content.fullscreen .close-modal:hover {
    background-color: hsla(0, 0%, 0%, 0.35);
}
.modal-content.lg {
    max-width: 1200px;
    min-height: 300px;
}
.modal-content.md {
    max-width: 960px;
    min-height: 240px;
}
.modal-content.sm {
    max-width: 480px;
    min-height: 120px;
}
.modal-content.inline-modal {
    width: auto;
}
.modal-content.round .modal {
    border-radius: 5px;
}
.modal-content.has-header .modal {
    padding-top: 52px !important;
}
.modal-content.has-footer .modal {
    padding-bottom: 52px !important;
}
.modal-content .close-modal {
    color: hsl(0, 0%, 100%) !important;
    text-align: center;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 100%;
    position: absolute;
    z-index: 10;
    cursor: pointer;
}
.modal-content .close-modal .icon {
    width: 14px;
    height: 14px;
    stroke-width: 36px;
}
.modal-buttons {
    float: right;
}
.modal-iframe {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.modal-header,
.modal-container,
.modal-footer {
    min-width: 280px;
}
.modal-header > .row,
.modal-container > .row,
.modal-footer > .row {
    margin-top: -10px;
    margin-right: inherit;
    margin-bottom: -10px;
    margin-left: inherit;
}
.modal-header > .fixed,
.modal-container > .fixed,
.modal-footer > .fixed {
    padding-right: 0;
    padding-left: 0;
    margin-top: -10px;
    margin-bottom: -10px;
}
.modal-header,
.modal-footer {
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: hsla(0, 0%, 0%, 0.04);
    padding: 10px;
    overflow: hidden;
    position: absolute;
    right: 0;
    left: 0;
}
.modal-header .btn-lg,
.modal-footer .btn-lg,
.modal-header.form-lg .btn,
.modal-footer.form-lg .btn {
    margin: -5px 0;
}
.modal-header .btn-sm,
.modal-footer .btn-sm {
    margin: 3px 0;
}
.modal-header .btn-xs,
.modal-footer .btn-xs {
    margin: 5px 0;
}
.modal-header .btn-xxs,
.modal-footer .btn-xxs {
    margin: 7px 0;
}
.modal-header {
    height: 52px;
    top: 0;
    z-index: 9;
}
.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4,
.modal-header h5,
.modal-header h6 {
    font-size: 18px !important;
    text-overflow: ellipsis;
    line-height: 32px;
    max-width: 100%;
    overflow: hidden;
    float: left;
}
.modal-container {
    min-height: 20px;
    height: 100%;
    max-height: 100%;
    padding: 10px;
    overflow: auto;
    position: relative;
}
.mobile .modal-container {
    -webkit-overflow-scrolling: touch;
}
.modal-container > iframe {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.modal-container [type="submit"]:focus {
    box-shadow: 0 0 0 3px hsla(0, 0%, 0%, 0.15);
}
.modal-footer {
    height: 52px;
    bottom: 0;
    z-index: 9;
}
.modal-footer .btn:focus {
    box-shadow: 0 0 0 3px hsla(0, 0%, 0%, 0.15);
}
@media (min-width: 768px) {
    .modal-content.inline-modal {
        max-width: 960px;
    }
}
@media (max-width: 767px) {
    .modal-content.inline-modal {
        max-width: 90%;
    }
}
/* tooltip*/
.ease-tooltip {
    transition-property: top, left, opacity;
}
[data-tooltip] {
    display: inline-block;
}
.tooltip {
    min-width: 32px;
    max-width: 680px;
    position: absolute;
    z-index: 99;
}
.tooltip:not([class*="ui-"]) {
    color: hsl(0, 0%, 100%);
    background-color: hsl(220, 14%, 21%);
}
.tooltip:not(.open) {
    display: none;
}
.tooltip:not(.open-ease) {
    opacity: 0;
}
.tooltip-content {
    line-height: 1.2em;
    min-height: 26px;
    padding: 5px 10px;
    position: relative;
    z-index: 3;
}
.tooltip[data-pos="t"] > span {
    top: 100%;
    left: 50%;
}
.tooltip[data-pos="t"] > span .bg,
.tooltip[data-pos="tr"] > span .bg,
.tooltip[data-pos="tl"] > span .bg {
    border-top-color: transparent;
    border-left-color: transparent;
}
.tooltip[data-pos="t"] .tooltip-content,
.tooltip[data-pos="b"] .tooltip-content {
    text-align: center;
}
.tooltip[data-pos="b"] > span {
    bottom: 100%;
    left: 50%;
}
.tooltip[data-pos="b"] > span .bg,
.tooltip[data-pos="br"] > span .bg,
.tooltip[data-pos="bl"] > span .bg {
    border-top-color: transparent;
    border-left-color: transparent;
}
.tooltip[data-pos="r"] > span {
    right: 100%;
    top: 50%;
}
.tooltip[data-pos="r"] > span .bg {
    border-top-color: transparent;
    border-right-color: transparent;
}
.tooltip[data-pos="l"] > span {
    left: 100%;
    top: 50%;
}
.tooltip[data-pos="l"] > span .bg {
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.tooltip[data-pos="l"] .tooltip-content,
.tooltip[data-pos="tl"] .tooltip-content,
.tooltip[data-pos="bl"] .tooltip-content {
    text-align: right;
}
.tooltip[data-pos="tr"] > span {
    top: 100%;
    left: 20px;
}
.tooltip[data-pos="tl"] > span {
    top: 100%;
    right: 20px;
}
.tooltip[data-pos="br"] > span {
    bottom: 100%;
    left: 20px;
}
.tooltip[data-pos="bl"] > span {
    bottom: 100%;
    right: 20px;
}
.tooltip > span {
    display: block;
    position: absolute;
    transform: rotate(45deg);
}
.tooltip > span i {
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.tooltip > span i + i {
    z-index: 2;
}
.tooltip > span .bg {
    z-index: 1;
}
.tooltip:not([class*="ui-"]) > span i {
    background-color: hsl(220, 14%, 21%);
}
/* calendar */
.ease-calendar {
    transition-property: opacity;
}
.ease-calendar .details,
.ease-calendar thead,
.ease-calendar tbody {
    transition-property: transform, opacity;
    transition-duration: 0.25s;
    transition-timing-function: ease-in-out;
}
.ease-calendar button,
.ease-calendar a,
.ease-calendar .details li {
    transition-property: background-color, opacity;
    transition-duration: 0.15s;
}
.calendar {
    background-color: hsl(0, 0%, 100%);
    padding: 5px;
    overflow: hidden;
    display: block;
    position: relative;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.calendar:not(.active) {
    display: none;
}
.calendar,
.calendar * {
    text-align: center !important;
}
.calendar table {
    width: 100%;
    table-layout: fixed;
}
.calendar table.fill-weekends th:nth-child(n+6),
.calendar table.fill-weekends td:nth-child(n+6) {
    background-color: hsla(0, 0%, 0%, 0.08);
}
.calendar th {
    font-weight: 700;
    vertical-align: bottom !important;
    padding: 10px;
}
.calendar tbody td {
    padding: 2px;
}
.calendar tbody td.passive span {
    padding: 8px;
    display: block;
    opacity: 0.45;
}
.calendar tbody td button {
    width: 100%;
    background: transparent;
    padding: 8px;
    display: block;
    border: 0;
    position: relative;
}
.calendar tbody td.toggle-details button:after {
    content: "";
    width: 6px;
    height: 6px;
    background: hsl(347, 100%, 54%);
    display: block;
    border-radius: 100%;
    position: absolute;
    margin-left: -3px;
    bottom: 2px;
    left: 50%;
}
.calendar tbody td.today button {
    font-weight: 700;
}
.calendar tbody td.today button:not([class*="ui-"]) {
    background-color: hsla(0, 0%, 0%, 0.15);
}
.desktop .calendar tbody td.today button:not([class*="ui-"]):hover {
    background-color: hsla(0, 0%, 0%, 0.2);
}
.calendar tbody td.pickerday button {
    color: hsl(0, 0%, 100%) !important;
    font-weight: 700;
    background-color: hsl(146.7, 83%, 27.6%);
}
.desktop .calendar tbody td.pickerday button:hover {
    background-color: hsl(146.7, 83%, 42.6%);
}
.calendar ul {
    list-style: none;
    height: 100%;
    padding: 0;
    margin-bottom: 0;
}
.calendar button {
    background-color: hsla(0, 0%, 0%, 0.08);
}
.calendar button:not([class*="ui-"]) {
    color: hsl(0, 0%, 0%);
}
.desktop .calendar button:hover {
    background-color: hsla(0, 0%, 0%, 0.15);
}
.calendar caption {
    height: 52px;
    background-color: hsla(0, 0%, 0%, 0.08);
    padding: 5px 52px;
    margin-bottom: 5px;
}
.calendar caption button {
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 22px;
    max-width: 138px;
    height: 42px;
    background-color: transparent;
    overflow: hidden;
    border: 0;
}
.calendar caption > button {
    width: 42px;
    padding: 10px;
    display: block;
}
.calendar caption > button .icon {
    width: 20px;
    height: 20px;
    stroke-width: 30px;
    opacity: 0.65;
}
.calendar-prev {
    margin-left: -47px;
    float: left;
}
.calendar-next {
    margin-right: -47px;
    float: right;
}
.calendar-title {
    font-size: 16px;
    width: 100%;
    float: left;
}
.calendar-title button {
    display: inline-block;
}
.calendar-month {
    font-weight: 700;
    padding: 10px 5px 10px 10px;
}
.calendar-year {
    font-weight: 700;
    padding: 10px 10px 10px 5px;
}
.calendar.round caption,
.calendar.round caption button {
    border-radius: 6px;
}
.calendar.round .calendar-month {
    border-radius: 6px 0 0 6px;
}
.calendar.round .calendar-year {
    border-radius: 0 6px 6px 0;
}
.calendar.round table.fill-weekends th:nth-child(6) {
    border-radius: 6px 0 0 0;
}
.calendar.round table.fill-weekends th:nth-child(7) {
    border-radius: 0 6px 0 0;
}
.calendar.round table.fill-weekends tr:last-child td:nth-child(6) {
    border-radius: 0 0 0 6px;
}
.calendar.round table.fill-weekends tr:last-child td:nth-child(7) {
    border-radius: 0 0 6px 0;
}
.calendar.round td button {
    border-radius: 6px;
}
.calendar.round .details > button {
    border-radius: 6px;
}
.calendar.round .details li {
    border-radius: 6px;
}
.calendar.round .panel {
    border-radius: 6px;
}
.calendar.round .panel .call {
    border-radius: 6px;
}
.calendar:not(.show-details) .details {
    opacity: 0;
    transform: translateX(20%);
}
.calendar.show-details thead,
.calendar.show-details tbody {
    position: relative;
    z-index: 1;
    opacity: 0 !important;
    transform: translateX(20%);
}
.ie .calendar.show-details thead,
.ie .calendar.show-details tbody {
    visibility: hidden;
}
.calendar .details {
    padding-left: 37px;
    position: absolute;
    top: 57px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.calendar .details:not(.open) {
    display: none;
}
.calendar .details > button {
    width: 32px;
    height: 100%;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
.calendar .details > button .icon {
    width: 20px;
    height: 20px;
    stroke-width: 30px;
    opacity: 0.65;
}
.calendar .details ul {
    height: 100%;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
.calendar .details ul,
.calendar .details ul * {
    text-align: left !important;
}
.mobile .calendar .details ul {
    -webkit-overflow-scrolling: touch;
}
.calendar .details li {
    min-height: 10px;
    padding: 10px 10px 10px 92px;
    display: block;
}
.desktop .calendar .details li:hover {
    background-color: hsla(0, 0%, 0%, 0.075);
}
.calendar .details li:not(:last-child) {
    margin-bottom: 20px;
}
.calendar .details li > strong {
    font-size: 62px;
    font-weight: 300;
    letter-spacing: -0.025em;
    text-align: center !important;
    line-height: 57px;
    width: 62px;
    margin-left: -82px;
    float: left;
}
.calendar .details li > b {
    font-size: 16px;
    margin: 10px 0 10px 0;
    display: inline-block;
}
.calendar .details li > span {
    display: block;
}
.calendar .details li > span:not(:last-child) {
    margin-bottom: 2px;
}
.calendar .details li > span > i {
    font-size: 13px;
    font-style: normal;
    line-height: normal;
    background-color: hsla(0, 0%, 0%, 0.08);
    padding: 2px 4px;
    margin-right: 5px;
    display: inline-block;
    border-radius: 10px;
}
.calendar .details li > span > a {
    text-decoration: underline;
}
.calendar .details li > span > a:hover {
    text-decoration: none;
}
.calendar .empty-details li > strong,
.calendar .empty-details li > b,
.calendar .empty-details li > span {
    background-color: hsla(0, 0%, 0%, 0.12);
}
.calendar .empty-details li > strong {
    height: 62px;
    border-radius: 50%;
}
.calendar .empty-details li > b {
    width: 106.66666667px;
    height: 20px;
    border-radius: 10px;
}
.calendar .empty-details li > span {
    width: 280px;
    height: 10px;
    margin-bottom: 10px !important;
    border-radius: 10px;
}
.calendar .empty-details li > span + span {
    width: 240px;
}
.calendar .empty-details li > span + span + span {
    width: 160px;
}
.calendar .panel {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    transform: translateY(-110%);
}
.mobile .calendar .panel {
    -webkit-overflow-scrolling: touch;
}
.calendar .panel ul {
    display: flex;
    flex-wrap: wrap;
}
.calendar .panel li {
    width: 33.333332%;
    height: 25%;
    padding: 2px;
    flex-grow: 1;
}
.calendar .panel .call {
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 100%;
    width: 100%;
    height: 100%;
    background-color: transparent;
    padding: 8px;
    overflow: hidden;
    border: 0;
}
.calendar .panel .call.selected {
    color: hsl(0, 0%, 100%) !important;
    font-weight: 700;
    background-color: hsl(146.7, 83%, 27.6%);
}
.desktop .calendar .panel .call.selected:hover {
    background-color: hsl(146.7, 83%, 42.6%);
}
.desktop .calendar .panel .call:hover {
    background-color: hsla(0, 0%, 0%, 0.15);
}
.calendar .calendar-container {
    position: relative;
}
.calendar.show-panel .panel {
    transform: translateY(0);
}
.calendar.show-panel .calendar-container {
    transform: translateY(110%);
}
.text.calendar-picker {
    color: hsl(0, 0%, 0%);
    overflow: visible !important;
}
.text.calendar-picker button:not([class*="ui-"]),
.text.calendar-picker .text.calendar-picker button:not([class*="ui-"]) .icon {
    color: hsl(0, 0%, 0%);
}
.text .calendar {
    width: 100%;
    max-width: 744px;
    position: absolute;
    z-index: 10;
    box-shadow: 0 5px 15px hsla(0, 0%, 0%, 0.15);
}
.text .calendar .calendar:not(.open-ease) {
    opacity: 0;
}
.text:not(.picker-t).no-border .calendar {
    margin-top: 1px;
}
.text:not(.picker-t):not(.border-dual):not(.no-border) .calendar {
    margin-top: 2px;
}
.text:not(.picker-t).border-dual .calendar {
    margin-top: 3px;
}
.text.picker-t .calendar {
    bottom: 100%;
}
.text.picker-t.no-border .calendar {
    margin-top: 1px;
}
.text.picker-t:not(.border-dual):not(.no-border) .calendar {
    margin-bottom: 2px;
}
.text.picker-t.border-dual .calendar {
    margin-bottom: 3px;
}
.text.picker-l .calendar {
    right: 0;
}
@media (min-width: 481px) {
    .text .calendar {
        min-width: 360px;
    }
}
@media (max-width: 480px) {
    .text .calendar {
        min-width: 265px;
    }
}
/* carousel */
@keyframes carousel-gallery-loader {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.carousel {
    width: auto;
    overflow: hidden;
    position: relative;
}
.carousel:not(.active) {
    display: none;
}
.carousel:not(.active) .carousel-slider > .slide-content {
    width: 0 !important;
}
.carousel-touchmove body {
    height: 100%;
    overflow: hidden;
}
.carousel-slider {
    display: flex !important;
    flex-wrap: wrap;
}
.carousel-slider > .slide-content {
    flex-grow: 1;
}
.carousel-slider > .slide-content img.img {
    width: 100%;
    height: auto;
}
.carousel .scroll > *,
.carousel .scroll-v > *,
.carousel .scroll-h > * {
    transform: translateZ(0);
}
.carousel-nav {
    white-space: nowrap;
    text-align: center;
    margin-top: 5px;
    overflow: hidden;
    display: block;
    cursor: default;
}
.carousel-nav .dots {
    vertical-align: middle;
    min-width: 65px;
    display: inline-block;
}
.carousel-nav .dots i {
    width: 7px;
    height: 7px;
    background-color: currentColor;
    margin: 0 3px;
    display: inline-block !important;
    border-radius: 50%;
}
.carousel-nav .dots i:not(.show):not(.faded):not(.selected) {
    width: 0;
    height: 0;
    margin: 0 0 3.5px 0;
    opacity: 0;
}
.carousel-nav .dots i.selected {
    opacity: 1;
    transform: scale(1.5);
}
.carousel-nav .dots i.show {
    opacity: 0.65;
}
.carousel-nav .dots i.faded {
    opacity: 0.15;
}
.carousel-animate:not(.show) {
    opacity: 0;
}
.carousel-gallery .detail {
    min-height: 120px;
    position: relative;
}
.carousel-gallery .detail img {
    display: block;
    position: relative;
    z-index: 2;
}
.carousel-gallery .detail img,
.carousel-gallery .detail.detail-holder img {
    width: 100%;
    display: inline-block;
    position: relative;
    z-index: 1;
    cursor: pointer;
}
.desktop .carousel-gallery .detail:not(.detail-loader) img:hover {
    opacity: 0.45;
}
.carousel-gallery .detail .icon {
    width: 36px;
    height: 36px;
    stroke-width: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1 !important;
}
.carousel-gallery .detail.detail-loader {
    background-color: hsla(0, 0%, 0%, 0.075);
}
.carousel-gallery .detail.detail-loader img {
    opacity: 0;
}
.carousel-gallery .detail.detail-loader .zoom-icon {
    display: none;
}
.carousel-gallery .detail.detail-loader .loader-icon {
    animation: carousel-gallery-loader 1.15s linear infinite;
}
.carousel-gallery .detail:not(.detail-loader) .loader-icon {
    display: none;
}
.carousel-gallery .thumbs {
    text-align: center;
    margin: 15px 0 0 0;
}
.carousel-gallery .thumbs .img {
    width: 100%;
    height: auto;
    background-clip: content-box;
    border: solid 3px transparent;
    cursor: pointer;
}
.carousel-gallery .thumbs .img.selected {
    border-color: hsl(146.7, 83%, 27.6%);
}
.desktop .carousel-gallery .thumbs .img:not(.selected):not(:hover) {
    opacity: 0.65;
}
.bring-front:not(.show) {
    transform: scale(1.15);
}
.bring-back:not(.show) {
    transform: scale(0.85);
}
.bring-t:not(.show) {
    transform: translateY(-15px);
}
.bring-r:not(.show) {
    transform: translateX(15px);
}
.bring-b:not(.show) {
    transform: translateY(15px);
}
.bring-l:not(.show) {
    transform: translateX(-15px);
}
@media (max-width: 959px) {
    .md-bring-front:not(.show) {
        transform: scale(1.15);
    }
    .md-bring-back:not(.show) {
        transform: scale(0.85);
    }
    .md-bring-t:not(.show) {
        transform: translateY(-15px);
    }
    .md-bring-r:not(.show) {
        transform: translateX(15px);
    }
    .md-bring-b:not(.show) {
        transform: translateY(15px);
    }
    .md-bring-l:not(.show) {
        transform: translateX(-15px);
    }
}
@media (max-width: 767px) {
    .sm-bring-front:not(.show) {
        transform: scale(1.15);
    }
    .sm-bring-back:not(.show) {
        transform: scale(0.85);
    }
    .sm-bring-t:not(.show) {
        transform: translateY(-15px);
    }
    .sm-bring-r:not(.show) {
        transform: translateX(15px);
    }
    .sm-bring-b:not(.show) {
        transform: translateY(15px);
    }
    .sm-bring-l:not(.show) {
        transform: translateX(-15px);
    }
}
@media (max-width: 480px) {
    .xs-bring-front:not(.show) {
        transform: scale(1.15);
    }
    .xs-bring-back:not(.show) {
        transform: scale(0.85);
    }
    .xs-bring-t:not(.show) {
        transform: translateY(-15px);
    }
    .xs-bring-r:not(.show) {
        transform: translateX(15px);
    }
    .xs-bring-b:not(.show) {
        transform: translateY(15px);
    }
    .xs-bring-l:not(.show) {
        transform: translateX(-15px);
    }
}
/* photo gallery */
@keyframes preview-loader {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.ease-photo-gallery .img:after,
.ease-photo-gallery .img.has-info > span {
    transition-property: opacity;
    transition-duration: 0.15s;
}
.photo-gallery {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    display: block;
}
.photo-gallery:before,
.photo-gallery:after {
    content: "";
    display: table;
}
.photo-gallery:after {
    clear: both;
}
.photo-gallery > li {
    overflow: hidden;
    float: left;
}
.photo-gallery > li .img img {
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}
.photo-gallery > li .img img.cover-h {
    width: 100%;
    height: auto;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}
.photo-gallery .img {
    display: inline-block;
    overflow: hidden;
    position: relative;
}
.photo-gallery .img:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
}
.photo-gallery .img:not(.has-info) {
    background: hsla(0, 0%, 0%, 0.25);
}
.photo-gallery .img:not(.has-info):after {
    background-color: hsla(0, 0%, 100%, 0.25);
}
.photo-gallery .img.has-info:after,
.photo-gallery .img.has-info.touch-hover:after {
    background-color: hsla(0, 0%, 0%, 0.65);
}
.photo-gallery .img.has-info > span,
.photo-gallery .img.has-info.touch-hover > span {
    color: hsl(0, 0%, 100%);
    text-align: left;
    overflow: hidden;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
}
.desktop .photo-gallery .img.has-info:hover > span,
.photo-gallery .img.has-info.touch-hover > span {
    opacity: 1;
}
.photo-gallery .img.show-info:after,
.photo-gallery .img.show-info > span {
    opacity: 1;
}
.desktop .photo-gallery .img:hover:after,
.photo-gallery .img.touch-hover:after {
    opacity: 1;
}
.photo-preview {
    width: 100%;
    min-width: 320px;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 91;
}
.photo-preview:not(.open) {
    display: none;
}
.photo-preview:not(.open-ease) {
    opacity: 0;
}
.photo-preview-opened > body {
    overflow: hidden;
}
.photo-preview-bg {
    background-color: hsla(0, 0%, 0%, 0.86);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.photo-preview .preview-prev,
.photo-preview .preview-next {
    color: hsl(0, 0%, 100%);
    text-align: center;
    width: 52px;
    height: 52px;
    background-color: hsla(0, 0%, 100%, 0.15);
    padding: 10px;
    display: none;
    border: 0;
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
}
.desktop .photo-preview .preview-prev:hover,
.desktop .photo-preview .preview-next:hover {
    background-color: hsla(0, 0%, 100%, 0.25);
}
.photo-preview .preview-prev {
    border-radius: 0 0 0 0;
    left: 0;
}
.photo-preview .preview-next {
    border-radius: 0 0 0 0;
    right: 0;
}
.photo-preview .preview-loader {
    color: hsl(0, 0%, 100%);
    width: 50px;
    height: 50px;
    stroke-width: 12px;
    margin: -25px 0 0 -25px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    transform: translate(-50%, -50%);
    animation: preview-loader 1.15s linear infinite;
}
.photo-preview .preview-loader.pause {
    color: hsl(0, 74%, 55%);
    margin: 0;
    animation: none;
}
.photo-preview .preview-info {
    color: hsl(0, 0%, 100%);
    min-height: 40px;
    max-height: 132px;
    background-color: hsla(0, 0%, 0%, 0.75);
    padding: 10px;
    display: block;
    border-radius: 0 0 0 0;
    position: absolute;
    bottom: 0;
    z-index: 1;
    left: 50%;
    transform: translate(-50%, 0);
}
.photo-preview .preview-info:not(.open) {
    transform: translate(-50%, 100%);
}
.photo-preview > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 5px 30px hsla(0, 0%, 0%, 0.75);
}
.photo-preview > img:not(.open) {
    display: none;
}
.photo-preview > img:not(.open-ease) {
    opacity: 0;
}
.photo-preview > .preview-zoom {
    z-index: 5;
}
.photo-preview > .pause-easing {
    transition-duration: 0s;
}
.close-photo-preview {
    border-radius: 0;
    position: fixed;
    z-index: 10;
}
.close-photo-preview .icon {
    color: hsl(0, 0%, 100%);
    opacity: 1 !important;
}
@media (min-width: 960px) {
    .photo-gallery > li {
        width: 20%;
    }
    .photo-gallery > li .img {
        height: 180px;
    }
    .photo-gallery.has-cover > li:first-child {
        width: 40%;
    }
    .photo-gallery.has-cover > li:first-child .img {
        height: 360px;
    }
    .photo-preview > img:not(.cover-h):not(.preview-zoom) {
        max-width: 1200px;
    }
}
@media (max-width: 959px) {
    .photo-gallery > li {
        width: 25%;
    }
    .photo-preview > img:not(.cover-h):not(.preview-zoom) {
        width: 100%;
        height: auto;
    }
}
@media (min-width: 768px) {
    .photo-gallery .img.has-info > span,
    .photo-gallery .img.has-info.touch-hover > span {
        padding: 20px;
    }
    .preview-info {
        width: 620px;
    }
    .close-photo-preview {
        top: 20px;
        right: 20px;
    }
}
@media (max-width: 767px) {
    .photo-gallery .img.has-info > span,
    .photo-gallery .img.has-info.touch-hover > span {
        padding: 10px;
    }
    .photo-gallery > li {
        width: 33.333332%;
    }
    .preview-info {
        width: 310px;
    }
    .close-photo-preview {
        top: 10px;
        right: 10px;
    }
}
@media (min-width: 621px) and (max-width: 959px) {
    .photo-gallery > li .img {
        height: 180px;
    }
}
@media (max-width: 620px) {
    .photo-gallery .img.has-info > span,
    .photo-gallery .img.has-info.touch-hover > span {
        font-size: 14px !important;
    }
    .photo-gallery > li .img {
        height: 130px;
    }
}
@media (min-width: 481px) {
    .photo-preview > img.cover-h:not(.preview-zoom) {
        width: auto;
        height: 96%;
    }
}
@media (max-width: 480px) {
    .photo-gallery > li .img {
        height: 120px;
    }
    .photo-preview > img.cover-h:not(.preview-zoom) {
        width: auto;
        max-width: 100%;
    }
}
@media (max-width: 380px) {
    .photo-gallery > li {
        width: 50%;
    }
}
/* themes */
[class*="ui-bg-light-"],
[class*="ui-bg-light-"] .icon:not([class*="ui-"]):not([class*="color-"]),
[class*="ui-bg-light-"] a:not([class*="ui-"]):not([class*="color-"]),
[class*="ui-bg-light-"] button:not([class*="ui-"]):not([class*="color-"]) {
    color: hsl(0, 0%, 0%);
}
[class*="ui-bg-dark-"],
[class*="ui-bg-dark-"] .icon:not([class*="ui-"]):not([class*="color-"]),
[class*="ui-bg-dark-"] a:not([class*="ui-"]):not([class*="color-"]),
[class*="ui-bg-dark-"] button:not([class*="ui-"]):not([class*="color-"]) {
    color: hsl(0, 0%, 100%);
}
.bg-white:not([class*="ui-"]) {
    background-color: hsl(0, 0%, 100%) !important;
}
.card .bg-white:not([class*="ui-"]) {
    background-color: hsl(0, 0%, 100%) !important;
}
.bg-black:not([class*="ui-"]) {
    background-color: hsl(0, 0%, 0%) !important;
}
.theme-gray.ui-bg-light-100,
.theme-gray .ui-bg-light-100:not([class*="theme-"]) {
    background-color: hsla(0, 0%, 80%, 0.15);
}
.theme-gray.ui-bg-light-200,
.theme-gray .ui-bg-light-200:not([class*="theme-"]) {
    background-color: hsla(0, 0%, 85%, 0.25);
}
.theme-gray.ui-bg-light-300,
.theme-gray .ui-bg-light-300:not([class*="theme-"]) {
    background-color: hsla(0, 0%, 90%, 0.35);
}
.theme-gray.ui-bg-dark-100,
.theme-gray .ui-bg-dark-100:not([class*="theme-"]) {
    background-color: hsl(0, 0%, 70%);
}
.theme-gray.ui-bg-dark-200,
.theme-gray .ui-bg-dark-200:not([class*="theme-"]) {
    background-color: hsl(0, 0%, 55%);
}
.theme-gray.ui-bg-dark-300,
.theme-gray .ui-bg-dark-300:not([class*="theme-"]) {
    background-color: hsl(0, 0%, 45%);
}
.desktop .theme-gray.ui-bg-light-100.hover:hover,
.desktop .theme-gray .ui-bg-light-100:not([class*="theme-"]).hover:hover,
.desktop .theme-gray.ui-bg-light-100.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-gray .ui-bg-light-100:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsla(0, 0%, 80%, 0.3);
}
.desktop .theme-gray.ui-bg-light-200.hover:hover,
.desktop .theme-gray .ui-bg-light-200:not([class*="theme-"]).hover:hover,
.desktop .theme-gray.ui-bg-light-200.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-gray .ui-bg-light-200:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsla(0, 0%, 85%, 0.5);
}
.desktop .theme-gray.ui-bg-light-300.hover:hover,
.desktop .theme-gray .ui-bg-light-300:not([class*="theme-"]).hover:hover,
.desktop .theme-gray.ui-bg-light-300.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-gray .ui-bg-light-300:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsla(0, 0%, 90%, 0.7);
}
.desktop .theme-gray.ui-bg-dark-100.hover:hover,
.desktop .theme-gray .ui-bg-dark-100:not([class*="theme-"]).hover:hover,
.desktop .theme-gray.ui-bg-dark-100.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-gray .ui-bg-dark-100:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsl(0, 0%, 85%);
}
.desktop .theme-gray.ui-bg-dark-200.hover:hover,
.desktop .theme-gray .ui-bg-dark-200:not([class*="theme-"]).hover:hover,
.desktop .theme-gray.ui-bg-dark-200.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-gray .ui-bg-dark-200:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsl(0, 0%, 90%);
}
.desktop .theme-gray.ui-bg-dark-300.hover:hover,
.desktop .theme-gray .ui-bg-dark-300:not([class*="theme-"]).hover:hover,
.desktop .theme-gray.ui-bg-dark-300.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-gray .ui-bg-dark-300:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsl(0, 0%, 95%);
}
.theme-gray.ui-color,
.theme-gray .ui-color:not([class*="theme-"]) {
    color: hsl(0, 0%, 70%);
}
.theme-gray.ui-border,
.theme-gray .ui-border:not([class*="theme-"]) {
    border-color: hsl(0, 0%, 70%);
}
.theme-green.ui-bg-light-100,
.theme-green .ui-bg-light-100:not([class*="theme-"]) {
    background-color: hsla(142, 82%, 52%, 0.15);
}
.theme-green.ui-bg-light-200,
.theme-green .ui-bg-light-200:not([class*="theme-"]) {
    background-color: hsla(142, 82%, 57%, 0.25);
}
.theme-green.ui-bg-light-300,
.theme-green .ui-bg-light-300:not([class*="theme-"]) {
    background-color: hsla(142, 82%, 62%, 0.35);
}
.theme-green.ui-bg-dark-100,
.theme-green .ui-bg-dark-100:not([class*="theme-"]) {
    background-color: hsl(142, 82%, 42%);
}
.theme-green.ui-bg-dark-200,
.theme-green .ui-bg-dark-200:not([class*="theme-"]) {
    background-color: hsl(142, 82%, 27%);
}
.theme-green.ui-bg-dark-300,
.theme-green .ui-bg-dark-300:not([class*="theme-"]) {
    background-color: hsl(142, 82%, 17%);
}
.desktop .theme-green.ui-bg-light-100.hover:hover,
.desktop .theme-green .ui-bg-light-100:not([class*="theme-"]).hover:hover,
.desktop .theme-green.ui-bg-light-100.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-green .ui-bg-light-100:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsla(142, 82%, 52%, 0.3);
}
.desktop .theme-green.ui-bg-light-200.hover:hover,
.desktop .theme-green .ui-bg-light-200:not([class*="theme-"]).hover:hover,
.desktop .theme-green.ui-bg-light-200.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-green .ui-bg-light-200:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsla(142, 82%, 57%, 0.5);
}
.desktop .theme-green.ui-bg-light-300.hover:hover,
.desktop .theme-green .ui-bg-light-300:not([class*="theme-"]).hover:hover,
.desktop .theme-green.ui-bg-light-300.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-green .ui-bg-light-300:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsla(142, 82%, 62%, 0.7);
}
.desktop .theme-green.ui-bg-dark-100.hover:hover,
.desktop .theme-green .ui-bg-dark-100:not([class*="theme-"]).hover:hover,
.desktop .theme-green.ui-bg-dark-100.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-green .ui-bg-dark-100:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsl(142, 82%, 57%);
}
.desktop .theme-green.ui-bg-dark-200.hover:hover,
.desktop .theme-green .ui-bg-dark-200:not([class*="theme-"]).hover:hover,
.desktop .theme-green.ui-bg-dark-200.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-green .ui-bg-dark-200:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsl(142, 82%, 62%);
}
.desktop .theme-green.ui-bg-dark-300.hover:hover,
.desktop .theme-green .ui-bg-dark-300:not([class*="theme-"]).hover:hover,
.desktop .theme-green.ui-bg-dark-300.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-green .ui-bg-dark-300:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsl(142, 82%, 67%);
}
.theme-green.ui-color,
.theme-green .ui-color:not([class*="theme-"]) {
    color: hsl(142, 82%, 42%);
}
.theme-green.ui-border,
.theme-green .ui-border:not([class*="theme-"]) {
    border-color: hsl(142, 82%, 42%);
}
.theme-yellow.ui-bg-light-100,
.theme-yellow .ui-bg-light-100:not([class*="theme-"]) {
    background-color: hsla(42, 100%, 55%, 0.15);
}
.theme-yellow.ui-bg-light-200,
.theme-yellow .ui-bg-light-200:not([class*="theme-"]) {
    background-color: hsla(42, 100%, 60%, 0.25);
}
.theme-yellow.ui-bg-light-300,
.theme-yellow .ui-bg-light-300:not([class*="theme-"]) {
    background-color: hsla(42, 100%, 65%, 0.35);
}
.theme-yellow.ui-bg-dark-100,
.theme-yellow .ui-bg-dark-100:not([class*="theme-"]) {
    background-color: hsl(42, 100%, 45%);
}
.theme-yellow.ui-bg-dark-200,
.theme-yellow .ui-bg-dark-200:not([class*="theme-"]) {
    background-color: hsl(42, 100%, 30%);
}
.theme-yellow.ui-bg-dark-300,
.theme-yellow .ui-bg-dark-300:not([class*="theme-"]) {
    background-color: hsl(42, 100%, 20%);
}
.desktop .theme-yellow.ui-bg-light-100.hover:hover,
.desktop .theme-yellow .ui-bg-light-100:not([class*="theme-"]).hover:hover,
.desktop .theme-yellow.ui-bg-light-100.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-yellow .ui-bg-light-100:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsla(42, 100%, 55%, 0.3);
}
.desktop .theme-yellow.ui-bg-light-200.hover:hover,
.desktop .theme-yellow .ui-bg-light-200:not([class*="theme-"]).hover:hover,
.desktop .theme-yellow.ui-bg-light-200.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-yellow .ui-bg-light-200:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsla(42, 100%, 60%, 0.5);
}
.desktop .theme-yellow.ui-bg-light-300.hover:hover,
.desktop .theme-yellow .ui-bg-light-300:not([class*="theme-"]).hover:hover,
.desktop .theme-yellow.ui-bg-light-300.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-yellow .ui-bg-light-300:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsla(42, 100%, 65%, 0.7);
}
.desktop .theme-yellow.ui-bg-dark-100.hover:hover,
.desktop .theme-yellow .ui-bg-dark-100:not([class*="theme-"]).hover:hover,
.desktop .theme-yellow.ui-bg-dark-100.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-yellow .ui-bg-dark-100:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsl(42, 100%, 60%);
}
.desktop .theme-yellow.ui-bg-dark-200.hover:hover,
.desktop .theme-yellow .ui-bg-dark-200:not([class*="theme-"]).hover:hover,
.desktop .theme-yellow.ui-bg-dark-200.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-yellow .ui-bg-dark-200:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsl(42, 100%, 65%);
}
.desktop .theme-yellow.ui-bg-dark-300.hover:hover,
.desktop .theme-yellow .ui-bg-dark-300:not([class*="theme-"]).hover:hover,
.desktop .theme-yellow.ui-bg-dark-300.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-yellow .ui-bg-dark-300:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsl(42, 100%, 70%);
}
.theme-yellow.ui-color,
.theme-yellow .ui-color:not([class*="theme-"]) {
    color: hsl(42, 100%, 45%);
}
.theme-yellow.ui-border,
.theme-yellow .ui-border:not([class*="theme-"]) {
    border-color: hsl(42, 100%, 45%);
}
.theme-orange.ui-bg-light-100,
.theme-orange .ui-bg-light-100:not([class*="theme-"]) {
    background-color: hsla(30, 100%, 60%, 0.15);
}
.theme-orange.ui-bg-light-200,
.theme-orange .ui-bg-light-200:not([class*="theme-"]) {
    background-color: hsla(30, 100%, 65%, 0.25);
}
.theme-orange.ui-bg-light-300,
.theme-orange .ui-bg-light-300:not([class*="theme-"]) {
    background-color: hsla(30, 100%, 70%, 0.35);
}
.theme-orange.ui-bg-dark-100,
.theme-orange .ui-bg-dark-100:not([class*="theme-"]) {
    background-color: hsl(30, 100%, 50%);
}
.theme-orange.ui-bg-dark-200,
.theme-orange .ui-bg-dark-200:not([class*="theme-"]) {
    background-color: hsl(30, 100%, 35%);
}
.theme-orange.ui-bg-dark-300,
.theme-orange .ui-bg-dark-300:not([class*="theme-"]) {
    background-color: hsl(30, 100%, 25%);
}
.desktop .theme-orange.ui-bg-light-100.hover:hover,
.desktop .theme-orange .ui-bg-light-100:not([class*="theme-"]).hover:hover,
.desktop .theme-orange.ui-bg-light-100.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-orange .ui-bg-light-100:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsla(30, 100%, 60%, 0.3);
}
.desktop .theme-orange.ui-bg-light-200.hover:hover,
.desktop .theme-orange .ui-bg-light-200:not([class*="theme-"]).hover:hover,
.desktop .theme-orange.ui-bg-light-200.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-orange .ui-bg-light-200:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsla(30, 100%, 65%, 0.5);
}
.desktop .theme-orange.ui-bg-light-300.hover:hover,
.desktop .theme-orange .ui-bg-light-300:not([class*="theme-"]).hover:hover,
.desktop .theme-orange.ui-bg-light-300.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-orange .ui-bg-light-300:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsla(30, 100%, 70%, 0.7);
}
.desktop .theme-orange.ui-bg-dark-100.hover:hover,
.desktop .theme-orange .ui-bg-dark-100:not([class*="theme-"]).hover:hover,
.desktop .theme-orange.ui-bg-dark-100.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-orange .ui-bg-dark-100:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsl(30, 100%, 65%);
}
.desktop .theme-orange.ui-bg-dark-200.hover:hover,
.desktop .theme-orange .ui-bg-dark-200:not([class*="theme-"]).hover:hover,
.desktop .theme-orange.ui-bg-dark-200.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-orange .ui-bg-dark-200:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsl(30, 100%, 70%);
}
.desktop .theme-orange.ui-bg-dark-300.hover:hover,
.desktop .theme-orange .ui-bg-dark-300:not([class*="theme-"]).hover:hover,
.desktop .theme-orange.ui-bg-dark-300.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-orange .ui-bg-dark-300:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsl(30, 100%, 75%);
}
.theme-orange.ui-color,
.theme-orange .ui-color:not([class*="theme-"]) {
    color: hsl(30, 100%, 50%);
}
.theme-orange.ui-border,
.theme-orange .ui-border:not([class*="theme-"]) {
    border-color: hsl(30, 100%, 50%);
}
.theme-red.ui-bg-light-100,
.theme-red .ui-bg-light-100:not([class*="theme-"]) {
    background-color: hsla(0, 74%, 65%, 0.15);
}
.theme-red.ui-bg-light-200,
.theme-red .ui-bg-light-200:not([class*="theme-"]) {
    background-color: hsla(0, 74%, 70%, 0.25);
}
.theme-red.ui-bg-light-300,
.theme-red .ui-bg-light-300:not([class*="theme-"]) {
    background-color: hsla(0, 74%, 75%, 0.35);
}
.theme-red.ui-bg-dark-100,
.theme-red .ui-bg-dark-100:not([class*="theme-"]) {
    background-color: hsl(0, 74%, 55%);
}
.theme-red.ui-bg-dark-200,
.theme-red .ui-bg-dark-200:not([class*="theme-"]) {
    background-color: hsl(0, 74%, 40%);
}
.theme-red.ui-bg-dark-300,
.theme-red .ui-bg-dark-300:not([class*="theme-"]) {
    background-color: hsl(0, 74%, 30%);
}
.desktop .theme-red.ui-bg-light-100.hover:hover,
.desktop .theme-red .ui-bg-light-100:not([class*="theme-"]).hover:hover,
.desktop .theme-red.ui-bg-light-100.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-red .ui-bg-light-100:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsla(0, 74%, 65%, 0.3);
}
.desktop .theme-red.ui-bg-light-200.hover:hover,
.desktop .theme-red .ui-bg-light-200:not([class*="theme-"]).hover:hover,
.desktop .theme-red.ui-bg-light-200.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-red .ui-bg-light-200:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsla(0, 74%, 70%, 0.5);
}
.desktop .theme-red.ui-bg-light-300.hover:hover,
.desktop .theme-red .ui-bg-light-300:not([class*="theme-"]).hover:hover,
.desktop .theme-red.ui-bg-light-300.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-red .ui-bg-light-300:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsla(0, 74%, 75%, 0.7);
}
.desktop .theme-red.ui-bg-dark-100.hover:hover,
.desktop .theme-red .ui-bg-dark-100:not([class*="theme-"]).hover:hover,
.desktop .theme-red.ui-bg-dark-100.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-red .ui-bg-dark-100:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsl(0, 74%, 70%);
}
.desktop .theme-red.ui-bg-dark-200.hover:hover,
.desktop .theme-red .ui-bg-dark-200:not([class*="theme-"]).hover:hover,
.desktop .theme-red.ui-bg-dark-200.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-red .ui-bg-dark-200:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsl(0, 74%, 75%);
}
.desktop .theme-red.ui-bg-dark-300.hover:hover,
.desktop .theme-red .ui-bg-dark-300:not([class*="theme-"]).hover:hover,
.desktop .theme-red.ui-bg-dark-300.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-red .ui-bg-dark-300:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsl(0, 74%, 80%);
}
.theme-red.ui-color,
.theme-red .ui-color:not([class*="theme-"]) {
    color: hsl(0, 74%, 55%);
}
.theme-red.ui-border,
.theme-red .ui-border:not([class*="theme-"]) {
    border-color: hsl(0, 74%, 55%);
}
.theme-default.ui-bg-light-100,
.theme-default .ui-bg-light-100:not([class*="theme-"]) {
    background-color: hsla(146.7, 83%, 37.6%, 0.15);
}
.theme-default.ui-bg-light-200,
.theme-default .ui-bg-light-200:not([class*="theme-"]) {
    background-color: hsla(146.7, 83%, 42.6%, 0.25);
}
.theme-default.ui-bg-light-300,
.theme-default .ui-bg-light-300:not([class*="theme-"]) {
    background-color: hsla(146.7, 83%, 47.6%, 0.35);
}
.theme-default.ui-bg-dark-100,
.theme-default .ui-bg-dark-100:not([class*="theme-"]) {
    background-color: hsl(146.7, 83%, 27.6%);
}
.theme-default.ui-bg-dark-200,
.theme-default .ui-bg-dark-200:not([class*="theme-"]) {
    background-color: hsl(146.7, 83%, 12.6%);
}
.theme-default.ui-bg-dark-300,
.theme-default .ui-bg-dark-300:not([class*="theme-"]) {
    background-color: hsl(146.7, 83%, 2.6%);
}
.desktop .theme-default.ui-bg-light-100.hover:hover,
.desktop .theme-default .ui-bg-light-100:not([class*="theme-"]).hover:hover,
.desktop .theme-default.ui-bg-light-100.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-default .ui-bg-light-100:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsla(146.7, 83%, 37.6%, 0.3);
}
.desktop .theme-default.ui-bg-light-200.hover:hover,
.desktop .theme-default .ui-bg-light-200:not([class*="theme-"]).hover:hover,
.desktop .theme-default.ui-bg-light-200.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-default .ui-bg-light-200:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsla(146.7, 83%, 42.6%, 0.5);
}
.desktop .theme-default.ui-bg-light-300.hover:hover,
.desktop .theme-default .ui-bg-light-300:not([class*="theme-"]).hover:hover,
.desktop .theme-default.ui-bg-light-300.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-default .ui-bg-light-300:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsla(146.7, 83%, 47.6%, 0.7);
}
.desktop .theme-default.ui-bg-dark-100.hover:hover,
.desktop .theme-default .ui-bg-dark-100:not([class*="theme-"]).hover:hover,
.desktop .theme-default.ui-bg-dark-100.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-default .ui-bg-dark-100:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsl(146.7, 83%, 42.6%);
}
.desktop .theme-default.ui-bg-dark-200.hover:hover,
.desktop .theme-default .ui-bg-dark-200:not([class*="theme-"]).hover:hover,
.desktop .theme-default.ui-bg-dark-200.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-default .ui-bg-dark-200:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsl(146.7, 83%, 47.6%);
}
.desktop .theme-default.ui-bg-dark-300.hover:hover,
.desktop .theme-default .ui-bg-dark-300:not([class*="theme-"]).hover:hover,
.desktop .theme-default.ui-bg-dark-300.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-default .ui-bg-dark-300:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsl(146.7, 83%, 52.6%);
}
.theme-default.ui-color,
.theme-default .ui-color:not([class*="theme-"]) {
    color: hsl(146.7, 83%, 27.6%);
}
.theme-default.ui-border,
.theme-default .ui-border:not([class*="theme-"]) {
    border-color: hsl(146.7, 83%, 27.6%);
}
.theme-default2.ui-bg-light-100,
.theme-default2 .ui-bg-light-100:not([class*="theme-"]) {
    background-color: hsla(0, 0%, 29.6%, 0.15);
}
.theme-default2.ui-bg-light-200,
.theme-default2 .ui-bg-light-200:not([class*="theme-"]) {
    background-color: hsla(0, 0%, 34.6%, 0.25);
}
.theme-default2.ui-bg-light-300,
.theme-default2 .ui-bg-light-300:not([class*="theme-"]) {
    background-color: hsla(0, 0%, 39.6%, 0.35);
}
.theme-default2.ui-bg-dark-100,
.theme-default2 .ui-bg-dark-100:not([class*="theme-"]) {
    background-color: hsl(0, 0%, 19.6%);
}
.theme-default2.ui-bg-dark-200,
.theme-default2 .ui-bg-dark-200:not([class*="theme-"]) {
    background-color: hsl(0, 0%, 4.6%);
}
.theme-default2.ui-bg-dark-300,
.theme-default2 .ui-bg-dark-300:not([class*="theme-"]) {
    background-color: hsl(0, 0%, 0%);
}
.desktop .theme-default2.ui-bg-light-100.hover:hover,
.desktop .theme-default2 .ui-bg-light-100:not([class*="theme-"]).hover:hover,
.desktop .theme-default2.ui-bg-light-100.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-default2 .ui-bg-light-100:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsla(0, 0%, 29.6%, 0.3);
}
.desktop .theme-default2.ui-bg-light-200.hover:hover,
.desktop .theme-default2 .ui-bg-light-200:not([class*="theme-"]).hover:hover,
.desktop .theme-default2.ui-bg-light-200.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-default2 .ui-bg-light-200:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsla(0, 0%, 34.6%, 0.5);
}
.desktop .theme-default2.ui-bg-light-300.hover:hover,
.desktop .theme-default2 .ui-bg-light-300:not([class*="theme-"]).hover:hover,
.desktop .theme-default2.ui-bg-light-300.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-default2 .ui-bg-light-300:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsla(0, 0%, 39.6%, 0.7);
}
.desktop .theme-default2.ui-bg-dark-100.hover:hover,
.desktop .theme-default2 .ui-bg-dark-100:not([class*="theme-"]).hover:hover,
.desktop .theme-default2.ui-bg-dark-100.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-default2 .ui-bg-dark-100:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsl(0, 0%, 34.6%);
}
.desktop .theme-default2.ui-bg-dark-200.hover:hover,
.desktop .theme-default2 .ui-bg-dark-200:not([class*="theme-"]).hover:hover,
.desktop .theme-default2.ui-bg-dark-200.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-default2 .ui-bg-dark-200:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsl(0, 0%, 39.6%);
}
.desktop .theme-default2.ui-bg-dark-300.hover:hover,
.desktop .theme-default2 .ui-bg-dark-300:not([class*="theme-"]).hover:hover,
.desktop .theme-default2.ui-bg-dark-300.btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover,
.desktop .theme-default2 .ui-bg-dark-300:not([class*="theme-"]).btn:not(.btn-passive):not(.btn-ghost):not(.opacity):not(.opacity-more):hover {
    background-color: hsl(0, 0%, 44.6%);
}
.theme-default2.ui-color,
.theme-default2 .ui-color:not([class*="theme-"]) {
    color: hsl(0, 0%, 19.6%);
}
.theme-default2.ui-border,
.theme-default2 .ui-border:not([class*="theme-"]) {
    border-color: hsl(0, 0%, 19.6%);
}
/* skeleton */
main.container {
    min-height: 379px;
    padding-top: 30px;
}
.col-45 {
    width: 45px;
}
.col-120 {
    width: 120px;
}
.col-180 {
    width: 180px;
}
.col-220 {
    width: 220px;
}
.col-270 {
    width: 270px;
}
.col-370 {
    width: 370px;
}
@media (min-width: 768px) {
    .col-320 {
        width: 320px;
    }
}
@media (max-width: 767px) and (min-width: 481px) {
    .col-320 {
        width: 260px;
    }
}
@media (max-width: 480px) {
    .col-320 {
        width: 220px;
    }
}
/* header nav */
.header-nav .dropdown .content {
    background-color: hsl(0, 0%, 92%);
}
@media (max-width: 959px) {
    .header-nav-mobile {
        background-color: hsl(0, 0%, 34.6%);
        padding: 5px !important;
        margin-bottom: 5px;
    }
    .header-nav-mobile + .header-nav-mobile {
        background-color: hsl(0, 0%, 29.6%);
        margin-top: -5px;
    }
    .header-nav-mobile + .header-nav-mobile + .header-nav-mobile {
        background-color: hsl(0, 0%, 24.6%);
    }
    .header-nav-mobile + .row {
        padding: 0 5px;
    }
    .header-nav-bottom {
        background-color: hsla(0, 0%, 19.6%, 0.15);
        padding: 10px 5px !important;
        margin-top: 5px;
    }
}
/* subeler */
.nav-subeler .tabs li:not(:last-child) {
    padding: 0 0 1px 0;
}
.nav-subeler .tabs li ul {
    background-color: rgba(0, 0, 0, 0.05);
    padding: 10px;
    overflow: hidden;
    display: block;
}
.nav-subeler .tabs li ul li:not(.row) {
    padding-left: 120px;
}
.nav-subeler .tabs li ul li b {
    width: 120px;
    margin-left: -120px;
    float: left;
}
.nav-subeler svg g.active path {
    fill: hsl(146.7, 83%, 27.6%);
    opacity: 0.9;
}
.nav-subeler svg g.rep path {
    fill: hsl(0, 0%, 19.6%);
    opacity: 0.45;
}
.nav-subeler svg g.rep path:hover {
    opacity: 0.8 !important;
}
.tek-subeler svg g:not(.active):not(.rep) path:hover {
    fill: hsla(0, 0%, 0%, 0.08);
}
.tek-subeler svg g.rep path {
    fill: currentColor;
    opacity: 0.45;
}
.tek-subeler svg g.rep path:hover {
    fill: currentColor !important;
}
.tum-subeler svg {
    max-width: 480px;
}
.tum-subeler svg g.rep path {
    opacity: 0.75 !important;
}
.tum-subeler svg g.rep path:hover {
    opacity: 1 !important;
}
/* nav */
@media (min-width: 960px) {
    nav.container .ease-dropdown > .btn:after {
        transition-property: width, height, opacity;
        transition-duration: 0.15s;
    }
    nav.container .dropdown {
        height: 100% !important;
    }
    nav.container .dropdown > .btn:after {
        content: "";
        width: 10px;
        height: 2px;
        background-color: hsl(0, 0%, 100%);
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0);
        opacity: 0.25;
    }
    nav.container .dropdown.open-ease > .btn:after {
        width: 100%;
        height: 1px;
        transform: translate(-50%, 0);
        opacity: 1;
    }
    nav.container .dropdown .content:not(ul) {
        min-height: 180px;
    }
    nav.container .dropdown .content:not(ul) ul.list-inline li {
        border: 0 !important;
    }
    nav.container .dropdown .content:not(ul) ul.list-inline li:nth-of-type(5n - 1) {
        padding-right: 0;
    }
    nav.container [class*="col-"] .btn {
        height: 100% !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    nav.container [class*="col-"] .btn span {
        min-height: 36px;
        margin-top: 10px;
        display: block;
    }
    nav.container .btn.nav-btn-bg-1 {
        background-color: #0e4e29 !important;
        border: 0;
    }
    .desktop nav.container .btn.nav-btn-bg-1:hover {
        background-color: #0a381e !important;
    }
    nav.container .btn.nav-btn-bg-2 {
        background-color: #3c9867 !important;
        border: 0;
    }
    .desktop nav.container .btn.nav-btn-bg-2:hover {
        background-color: #35865b !important;
    }
    nav.container .btn.nav-btn-bg-3 {
        background-color: #63c089 !important;
        border: 0;
    }
    .desktop nav.container .btn.nav-btn-bg-3:hover {
        background-color: #51b97b !important;
    }
}
@media (max-width: 959px) {
    .mobile-menu.show-r .dropdown .content ul.list-inline li {
        padding-right: 0 !important;
    }
}
/* son eklenenler */
@media (min-width: 960px) {
    .son-eklenenler {
        max-height: 591px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .ie .son-eklenenler {
        max-height: 586px;
    }
}
/* home carousel */
@media (min-width: 481px) {
    .home-carousel {
        margin-top: -42px;
    }
    .home-carousel-title {
        position: relative;
        z-index: 1;
    }
    .home-carousel .carousel-slider {
        margin-top: 52px;
    }
    .home-carousel .carousel-prev,
    .home-carousel .carousel-next {
        position: absolute;
        top: 0;
    }
    .home-carousel .carousel-prev {
        right: 53px;
    }
    .home-carousel .carousel-next {
        right: 10px;
    }
}
/* img cover */
.img-cover {
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
}
/* book cover */
.book-cover {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
/* img holder */
.img-holder {
    overflow: hidden;
    position: relative;
}
.img-holder,
.img-holder span,
.img-holder b,
.img-holder i {
    display: block;
}
.img-holder > span {
    color: hsl(0, 0%, 100%);
    background-color: hsla(0, 0%, 0%, 0.65);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
}
.img-holder > span > span {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
}
.img-holder > span > span b + i,
.img-holder > span > span i + b {
    margin-top: 5px;
}
.desktop .img-holder:hover > span {
    opacity: 1;
}
.desktop .img-holder:hover > img {
    transform: scale(1.2);
}
@media (min-width: 960px) {
    .img-holder > span > span {
        padding: 15px;
    }
    .img-holder > span > span:not(.set-bottom) {
        top: 50%;
        transform: translateY(-50%);
    }
    .img-holder > span > span:not(.set-bottom):after {
        content: "DEVAMI OKU \203A";
        font-size: 12px;
        margin-top: 5px;
        display: block;
        opacity: 0.65;
    }
    .img-holder > span > span.set-bottom {
        bottom: 0;
    }
}
@media (max-width: 959px) {
    .img-holder > span > span:not(.set-bottom) {
        line-height: 19px;
        padding: 10px;
        overflow: hidden;
        top: 0;
        bottom: 0;
    }
    .img-holder > span > span.set-bottom {
        bottom: 15px;
    }
    .img-holder > span > span i {
        opacity: 0.65;
    }
}
/* list holder */
.list-holder {
    height: 100%;
    background-color: hsl(0, 0%, 100%);
    padding: 15px;
    position: relative;
}
a.list-holder {
    padding-bottom: 60px;
}
a.list-holder:after {
    color: hsla(0, 0%, 0%, 0.5);
    font-size: 12px;
    text-align: center;
    width: 100%;
    background-color: hsla(0, 0%, 0%, 0.06);
    padding: 15px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
a.list-holder:after {
    content: "DEVAMINI OKU \203A";
}
a.list-holder.list-egitim:after {
    content: "EĞİTİME BAŞVUR \203A";
}
.desktop a.list-holder:hover:after {
    color: hsla(0, 0%, 0%, 0.5);
}
.list-holder,
.list-holder span,
.list-holder b,
.list-holder i {
    display: block;
}
.list-holder > span,
.list-holder > a > span {
    padding-top: 15px;
}
.list-holder > span b,
.list-holder > a > span b {
    line-height: 18px;
}
.list-holder > span i,
.list-holder > a > span i {
    opacity: 0.65;
}
.list-holder > span b + i,
.list-holder > a > span b + i,
.list-holder > span i + b,
.list-holder > a > span i + b {
    margin-top: 5px;
}
/* sube contact */
.sube-contact li {
    padding-left: 40px;
    margin-bottom: 15px;
    position: relative;
}
.sube-contact li .left-icon {
    position: absolute;
    top: 5px;
    left: 10px;
}
.sube-contact li span {
    display: block;
}
/* breadcrumbs */
.breadcrumbs-holder {
    background-color: hsl(0, 0%, 100%);
    margin-top: -30px;
    margin-bottom: 30px;
    box-shadow: 0 1px 4px hsla(0, 0%, 0%, 0.2);
}
/* detail */
.carousel-gallery .detail {
    text-align: center;
}
.carousel-gallery .detail img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 272px;
}
.detail-carousel-content {
    padding: 15px;
}
.detail-carousel-content .btn {
    max-width: 360px;
    display: block;
}
@media (min-width: 960px) {
    .detail-carousel-content {
        height: 100%;
        padding-bottom: 72px;
        position: relative;
    }
    .detail-carousel-content .btn {
        position: absolute;
        right: 15px;
        bottom: 15px;
        left: 15px;
    }
}
/* etkinlikler */
.takvim th {
    background-color: hsla(0, 0%, 0%, 0.1);
}
.takvim td:not([bgcolor]) {
    background-color: hsla(0, 0%, 0%, 0.025);
}
.takvim th,
.takvim td {
    width: 12.5%;
    border: solid 1px hsl(0, 0%, 100%);
    cursor: default;
}
.takvim th:first-child,
.takvim td:first-child,
.takvim th i,
.takvim td i {
    color: hsla(0, 0%, 0%, 0.5);
}
.takvim th b,
.takvim td b,
.takvim th i,
.takvim td i {
    font-size: 13px;
    line-height: 17px;
}
.takvim th .btn,
.takvim td .btn {
    padding: 0;
}
.takvim th .dropdown:not(.nav) .content,
.takvim td .dropdown:not(.nav) .content {
    max-width: 278px;
}
.takvim th .dropdown:not(.nav) .content li a,
.takvim td .dropdown:not(.nav) .content li a {
    white-space: normal !important;
}
@media (min-width: 960px) {
    .takvim-sm caption {
        line-height: 42px;
        height: 42px;
    }
    .takvim-sm th,
    .takvim-sm td {
        line-height: 32px;
    }
    .takvim-sm th .btn,
    .takvim-sm td .btn {
        width: 26px !important;
        height: 26px !important;
    }
    .takvim-lg caption {
        line-height: 52px;
        height: 52px;
    }
    .takvim-lg th,
    .takvim-lg td {
        line-height: 52px;
    }
    .takvim-lg th .btn,
    .takvim-lg td .btn {
        width: 42px !important;
        height: 42px !important;
    }
}
@media (max-width: 959px) {
    .takvim-lg caption,
    .takvim-sm caption {
        line-height: 42px;
        height: 42px;
    }
    .takvim-lg th,
    .takvim-sm th,
    .takvim-lg td,
    .takvim-sm td {
        line-height: 32px;
    }
    .takvim-lg th .btn,
    .takvim-sm th .btn,
    .takvim-lg td .btn,
    .takvim-sm td .btn {
        width: 26px !important;
        height: 26px !important;
    }
}
/* SPO öğrenci */
.ogrenci-basliklar > [class*="col-"]:nth-of-type(6n - 5) .img-ogrenci > span {
    background-color: #b61f25;
}
.ogrenci-basliklar > [class*="col-"]:nth-of-type(6n - 4) .img-ogrenci > span {
    background-color: #ea8923;
}
.ogrenci-basliklar > [class*="col-"]:nth-of-type(6n - 3) .img-ogrenci > span {
    background-color: #2083b4;
}
.ogrenci-basliklar > [class*="col-"]:nth-of-type(6n - 2) .img-ogrenci > span {
    background-color: #692a84;
}
.ogrenci-basliklar > [class*="col-"]:nth-of-type(6n - 1) .img-ogrenci > span {
    background-color: #2083b4;
}
.ogrenci-basliklar > [class*="col-"]:nth-of-type(6n) .img-ogrenci > span {
    background-color: #25813e;
}
.ogrenci-basliklar .img-ogrenci {
    overflow: hidden;
    position: relative;
}
.ogrenci-basliklar .img-ogrenci,
.ogrenci-basliklar .img-ogrenci span,
.ogrenci-basliklar .img-ogrenci b,
.ogrenci-basliklar .img-ogrenci i {
    display: block;
}
.ogrenci-basliklar .img-ogrenci > span {
    color: hsl(0, 0%, 100%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.desktop .ogrenci-basliklar .img-ogrenci > span:hover {
    opacity: 0.65;
}
.ogrenci-basliklar .img-ogrenci > span > span {
    text-align: center;
    width: 100%;
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
.ogrenci-basliklar .img-ogrenci > span > span b {
    font-weight: 500;
}
.ogrenci-basliklar .img-ogrenci > span > span b + i,
.ogrenci-basliklar .img-ogrenci > span > span i + b {
    margin-top: 5px;
}
.ogrenci-kamplar .img-ogrenci {
    overflow: hidden;
    position: relative;
}
.ogrenci-kamplar .img-ogrenci,
.ogrenci-kamplar .img-ogrenci span,
.ogrenci-kamplar .img-ogrenci b,
.ogrenci-kamplar .img-ogrenci i {
    display: block;
}
.ogrenci-kamplar .img-ogrenci > span {
    color: hsl(0, 0%, 100%);
    background-color: hsla(0, 0%, 0%, 0.35);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.desktop .ogrenci-kamplar .img-ogrenci > span:hover {
    background-color: hsla(0, 0%, 0%, 0.65);
}
.ogrenci-kamplar .img-ogrenci > span > span {
    text-align: center;
    width: 100%;
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
.ogrenci-kamplar .img-ogrenci > span > span b {
    font-weight: 500;
}
.ogrenci-kamplar .img-ogrenci > span > span b + i,
.ogrenci-kamplar .img-ogrenci > span > span i + b {
    margin-top: 5px;
}
.desktop .ogrenci-kamplar .img-ogrenci:hover > img {
    transform: scale(1.2);
}
@media (min-width: 960px) {
    .img-ogrenci > span > span {
        font-size: 22px;
    }
}
@media (max-width: 959px) {
    .img-ogrenci > span > span {
        font-size: 16px;
    }
}
/* footer */
footer.container {
    min-height: 160px;
    margin-top: 140px;
}
.footer-top {
    background-color: hsl(0, 0%, 88%);
}
.footer-bottom {
    background-color: hsl(0, 0%, 19.6%);
}
.footer-contact li {
    padding-left: 40px;
    margin-bottom: 15px;
    position: relative;
}
.footer-contact li .left-icon {
    position: absolute;
    top: 5px;
    left: 10px;
}
.footer-contact li span {
    display: block;
}
.footer-harita {
    position: relative;
}
.footer-harita .btn {
    position: absolute;
    bottom: 15px;
    right: 15px;
}
.footer-harita img {
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
@media (min-width: 1200px) {
    .footer-harita img {
        height: 380px;
        background-size: 180%;
    }
}
@media (min-width: 960px) and (max-width: 1199px) {
    .footer-harita img {
        height: 380px;
        background-size: 260%;
    }
}
@media (min-width: 768px) and (max-width: 959px) {
    .footer-harita img {
        height: 260px;
        background-size: 200%;
    }
}
@media (max-width: 767px) {
    .footer-harita img {
        height: 260px;
        background-size: 380%;
    }
}

.buyuk_harf {
    text-transform:uppercase;
}