:root {
scroll-behavior: auto
}
/*!
* Bootstrap Reboot v5.0.0-beta3 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
*/
*,
::after,
::before {
box-sizing: border-box
}
@media(prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth
}
}
body {
margin: 0;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent
}
hr {
margin: 1rem 0;
color: inherit;
background-color: currentColor;
border: 0;
opacity: .25
}
hr:not([size]) {
height: 1px
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2
}
h1 {
font-size: calc(1.375rem + 1.5vw)
}
@media(min-width: 1200px) {
h1 {
font-size: 2.5rem
}
}
h2 {
font-size: calc(1.325rem + .9vw)
}
@media(min-width: 1200px) {
h2 {
font-size: 2rem
}
}
h3 {
font-size: calc(1.3rem + .6vw)
}
@media(min-width: 1200px) {
h3 {
font-size: 1.75rem
}
}
h4 {
font-size: calc(1.275rem + .3vw)
}
@media(min-width: 1200px) {
h4 {
font-size: 1.5rem
}
}
h5 {
font-size: 1.25rem
}
h6 {
font-size: 1rem
}
p {
margin-top: 0;
margin-bottom: 1rem
}
abbr[data-bs-original-title],
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit
}
ol,
ul {
padding-left: 2rem
}
dl,
ol,
ul {
margin-top: 0;
margin-bottom: 1rem
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0
}
dt {
font-weight: 700
}
dd {
margin-bottom: .5rem;
margin-left: 0
}
blockquote {
margin: 0 0 1rem
}
b,
strong {
font-weight: bolder
}
small {
font-size: .875em
}
mark {
padding: .2em;
background-color: #fcf8e3
}
sub,
sup {
position: relative;
font-size: .75em;
line-height: 0;
vertical-align: baseline
}
sub {
bottom: -0.25em
}
sup {
top: -0.5em
}
a {
color: #0d6efd;
text-decoration: underline
}
a:hover {
color: #0a58ca
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none
}
code,
kbd,
pre,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
direction: ltr;
unicode-bidi: bidi-override
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: .875em
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal
}
code {
font-size: .875em;
color: #d63384;
word-wrap: break-word
}
a>code {
color: inherit
}
kbd {
padding: .2rem .4rem;
font-size: .875em;
color: #fff;
background-color: #212529;
border-radius: .2rem
}
kbd kbd {
padding: 0;
font-size: 1em;
font-weight: 700
}
figure {
margin: 0 0 1rem
}
img,
svg {
vertical-align: middle
}
table {
caption-side: bottom;
border-collapse: collapse
}
caption {
padding-top: .5rem;
padding-bottom: .5rem;
color: #6c757d;
text-align: left
}
th {
text-align: inherit;
text-align: -webkit-match-parent
}
tbody,
td,
tfoot,
th,
thead,
tr {
border-color: inherit;
border-style: solid;
border-width: 0
}
label {
display: inline-block
}
button {
border-radius: 0
}
button:focus:not(:focus-visible) {
outline: 0
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
button,
select {
text-transform: none
}
[role=button] {
cursor: pointer
}
select {
word-wrap: normal
}
select:disabled {
opacity: 1
}
[list]::-webkit-calendar-picker-indicator {
display: none
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button
}
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
cursor: pointer
}
::-moz-focus-inner {
padding: 0;
border-style: none
}
textarea {
resize: vertical
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0
}
legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: calc(1.275rem + .3vw);
line-height: inherit
}
@media(min-width: 1200px) {
legend {
font-size: 1.5rem
}
}
legend+* {
clear: left
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
padding: 0
}
::-webkit-inner-spin-button {
height: auto
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: textfield
}
::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-color-swatch-wrapper {
padding: 0
}
::file-selector-button {
font: inherit
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
output {
display: inline-block
}
iframe {
border: 0
}
summary {
display: list-item;
cursor: pointer
}
progress {
vertical-align: baseline
}
[hidden] {
display: none !important
}
/*!
* Bootstrap Grid v5.0.0-beta3 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
width: 100%;
padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem);
margin-right: auto;
margin-left: auto
}
@media(min-width: 576px) {
.container,
.container-sm {
max-width: 540px
}
}
@media(min-width: 768px) {
.container,
.container-md,
.container-sm {
max-width: 720px
}
}
@media(min-width: 992px) {
.container,
.container-lg,
.container-md,
.container-sm {
max-width: 960px
}
}
@media(min-width: 1200px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1140px
}
}
@media(min-width: 1400px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
max-width: 1320px
}
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(var(--bs-gutter-y)*-1);
margin-right: calc(var(--bs-gutter-x)/-2);
margin-left: calc(var(--bs-gutter-x)/-2)
}
.row>* {
box-sizing: border-box;
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x)/2);
padding-left: calc(var(--bs-gutter-x)/2);
margin-top: var(--bs-gutter-y)
}
.col {
flex: 1 0 0%
}
.row-cols-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-auto {
flex: 0 0 auto;
width: auto
}
.col-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.col-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-3 {
flex: 0 0 auto;
width: 25%
}
.col-4 {
flex: 0 0 auto;
width: 33.3333333333%
}
.col-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.col-6 {
flex: 0 0 auto;
width: 50%
}
.col-7 {
flex: 0 0 auto;
width: 58.3333333333%
}
.col-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.col-9 {
flex: 0 0 auto;
width: 75%
}
.col-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.col-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.col-12 {
flex: 0 0 auto;
width: 100%
}
.offset-1 {
margin-left: 8.3333333333%
}
.offset-2 {
margin-left: 16.6666666667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.3333333333%
}
.offset-5 {
margin-left: 41.6666666667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.3333333333%
}
.offset-8 {
margin-left: 66.6666666667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.3333333333%
}
.offset-11 {
margin-left: 91.6666666667%
}
.g-0,
.gx-0 {
--bs-gutter-x: 0
}
.g-0,
.gy-0 {
--bs-gutter-y: 0
}
.g-1,
.gx-1 {
--bs-gutter-x: 0.25rem
}
.g-1,
.gy-1 {
--bs-gutter-y: 0.25rem
}
.g-2,
.gx-2 {
--bs-gutter-x: 0.5rem
}
.g-2,
.gy-2 {
--bs-gutter-y: 0.5rem
}
.g-3,
.gx-3 {
--bs-gutter-x: 1rem
}
.g-3,
.gy-3 {
--bs-gutter-y: 1rem
}
.g-4,
.gx-4 {
--bs-gutter-x: 1.5rem
}
.g-4,
.gy-4 {
--bs-gutter-y: 1.5rem
}
.g-5,
.gx-5 {
--bs-gutter-x: 3rem
}
.g-5,
.gy-5 {
--bs-gutter-y: 3rem
}
@media(min-width: 576px) {
.col-sm {
flex: 1 0 0%
}
.row-cols-sm-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-sm-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-sm-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-sm-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-sm-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-sm-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-sm-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-sm-auto {
flex: 0 0 auto;
width: auto
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.3333333333%
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.3333333333%
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.3333333333%
}
.offset-sm-2 {
margin-left: 16.6666666667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.3333333333%
}
.offset-sm-5 {
margin-left: 41.6666666667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.3333333333%
}
.offset-sm-8 {
margin-left: 66.6666666667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.3333333333%
}
.offset-sm-11 {
margin-left: 91.6666666667%
}
.g-sm-0,
.gx-sm-0 {
--bs-gutter-x: 0
}
.g-sm-0,
.gy-sm-0 {
--bs-gutter-y: 0
}
.g-sm-1,
.gx-sm-1 {
--bs-gutter-x: 0.25rem
}
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y: 0.25rem
}
.g-sm-2,
.gx-sm-2 {
--bs-gutter-x: 0.5rem
}
.g-sm-2,
.gy-sm-2 {
--bs-gutter-y: 0.5rem
}
.g-sm-3,
.gx-sm-3 {
--bs-gutter-x: 1rem
}
.g-sm-3,
.gy-sm-3 {
--bs-gutter-y: 1rem
}
.g-sm-4,
.gx-sm-4 {
--bs-gutter-x: 1.5rem
}
.g-sm-4,
.gy-sm-4 {
--bs-gutter-y: 1.5rem
}
.g-sm-5,
.gx-sm-5 {
--bs-gutter-x: 3rem
}
.g-sm-5,
.gy-sm-5 {
--bs-gutter-y: 3rem
}
}
@media(min-width: 768px) {
.col-md {
flex: 1 0 0%
}
.row-cols-md-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-md-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-md-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-md-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-md-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-md-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-md-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-md-auto {
flex: 0 0 auto;
width: auto
}
.col-md-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.col-md-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-md-3 {
flex: 0 0 auto;
width: 25%
}
.col-md-4 {
flex: 0 0 auto;
width: 33.3333333333%
}
.col-md-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.col-md-6 {
flex: 0 0 auto;
width: 50%
}
.col-md-7 {
flex: 0 0 auto;
width: 58.3333333333%
}
.col-md-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.col-md-9 {
flex: 0 0 auto;
width: 75%
}
.col-md-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.col-md-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.col-md-12 {
flex: 0 0 auto;
width: 100%
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.3333333333%
}
.offset-md-2 {
margin-left: 16.6666666667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.3333333333%
}
.offset-md-5 {
margin-left: 41.6666666667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.3333333333%
}
.offset-md-8 {
margin-left: 66.6666666667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.3333333333%
}
.offset-md-11 {
margin-left: 91.6666666667%
}
.g-md-0,
.gx-md-0 {
--bs-gutter-x: 0
}
.g-md-0,
.gy-md-0 {
--bs-gutter-y: 0
}
.g-md-1,
.gx-md-1 {
--bs-gutter-x: 0.25rem
}
.g-md-1,
.gy-md-1 {
--bs-gutter-y: 0.25rem
}
.g-md-2,
.gx-md-2 {
--bs-gutter-x: 0.5rem
}
.g-md-2,
.gy-md-2 {
--bs-gutter-y: 0.5rem
}
.g-md-3,
.gx-md-3 {
--bs-gutter-x: 1rem
}
.g-md-3,
.gy-md-3 {
--bs-gutter-y: 1rem
}
.g-md-4,
.gx-md-4 {
--bs-gutter-x: 1.5rem
}
.g-md-4,
.gy-md-4 {
--bs-gutter-y: 1.5rem
}
.g-md-5,
.gx-md-5 {
--bs-gutter-x: 3rem
}
.g-md-5,
.gy-md-5 {
--bs-gutter-y: 3rem
}
}
@media(min-width: 992px) {
.col-lg {
flex: 1 0 0%
}
.row-cols-lg-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-lg-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-lg-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-lg-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-lg-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-lg-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-lg-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-lg-auto {
flex: 0 0 auto;
width: auto
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.3333333333%
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.3333333333%
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.3333333333%
}
.offset-lg-2 {
margin-left: 16.6666666667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.3333333333%
}
.offset-lg-5 {
margin-left: 41.6666666667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.3333333333%
}
.offset-lg-8 {
margin-left: 66.6666666667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.3333333333%
}
.offset-lg-11 {
margin-left: 91.6666666667%
}
.g-lg-0,
.gx-lg-0 {
--bs-gutter-x: 0
}
.g-lg-0,
.gy-lg-0 {
--bs-gutter-y: 0
}
.g-lg-1,
.gx-lg-1 {
--bs-gutter-x: 0.25rem
}
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: 0.25rem
}
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x: 0.5rem
}
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y: 0.5rem
}
.g-lg-3,
.gx-lg-3 {
--bs-gutter-x: 1rem
}
.g-lg-3,
.gy-lg-3 {
--bs-gutter-y: 1rem
}
.g-lg-4,
.gx-lg-4 {
--bs-gutter-x: 1.5rem
}
.g-lg-4,
.gy-lg-4 {
--bs-gutter-y: 1.5rem
}
.g-lg-5,
.gx-lg-5 {
--bs-gutter-x: 3rem
}
.g-lg-5,
.gy-lg-5 {
--bs-gutter-y: 3rem
}
}
@media(min-width: 1200px) {
.col-xl {
flex: 1 0 0%
}
.row-cols-xl-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-xl-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-xl-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-xl-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-xl-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-xl-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-xl-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-xl-auto {
flex: 0 0 auto;
width: auto
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.3333333333%
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.3333333333%
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 8.3333333333%
}
.offset-xl-2 {
margin-left: 16.6666666667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.3333333333%
}
.offset-xl-5 {
margin-left: 41.6666666667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.3333333333%
}
.offset-xl-8 {
margin-left: 66.6666666667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.3333333333%
}
.offset-xl-11 {
margin-left: 91.6666666667%
}
.g-xl-0,
.gx-xl-0 {
--bs-gutter-x: 0
}
.g-xl-0,
.gy-xl-0 {
--bs-gutter-y: 0
}
.g-xl-1,
.gx-xl-1 {
--bs-gutter-x: 0.25rem
}
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y: 0.25rem
}
.g-xl-2,
.gx-xl-2 {
--bs-gutter-x: 0.5rem
}
.g-xl-2,
.gy-xl-2 {
--bs-gutter-y: 0.5rem
}
.g-xl-3,
.gx-xl-3 {
--bs-gutter-x: 1rem
}
.g-xl-3,
.gy-xl-3 {
--bs-gutter-y: 1rem
}
.g-xl-4,
.gx-xl-4 {
--bs-gutter-x: 1.5rem
}
.g-xl-4,
.gy-xl-4 {
--bs-gutter-y: 1.5rem
}
.g-xl-5,
.gx-xl-5 {
--bs-gutter-x: 3rem
}
.g-xl-5,
.gy-xl-5 {
--bs-gutter-y: 3rem
}
}
@media(min-width: 1400px) {
.col-xxl {
flex: 1 0 0%
}
.row-cols-xxl-auto>* {
flex: 0 0 auto;
width: auto
}
.row-cols-xxl-1>* {
flex: 0 0 auto;
width: 100%
}
.row-cols-xxl-2>* {
flex: 0 0 auto;
width: 50%
}
.row-cols-xxl-3>* {
flex: 0 0 auto;
width: 33.3333333333%
}
.row-cols-xxl-4>* {
flex: 0 0 auto;
width: 25%
}
.row-cols-xxl-5>* {
flex: 0 0 auto;
width: 20%
}
.row-cols-xxl-6>* {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.3333333333%
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.6666666667%
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.3333333333%
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.6666666667%
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.3333333333%
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.6666666667%
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.3333333333%
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.6666666667%
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%
}
.offset-xxl-0 {
margin-left: 0
}
.offset-xxl-1 {
margin-left: 8.3333333333%
}
.offset-xxl-2 {
margin-left: 16.6666666667%
}
.offset-xxl-3 {
margin-left: 25%
}
.offset-xxl-4 {
margin-left: 33.3333333333%
}
.offset-xxl-5 {
margin-left: 41.6666666667%
}
.offset-xxl-6 {
margin-left: 50%
}
.offset-xxl-7 {
margin-left: 58.3333333333%
}
.offset-xxl-8 {
margin-left: 66.6666666667%
}
.offset-xxl-9 {
margin-left: 75%
}
.offset-xxl-10 {
margin-left: 83.3333333333%
}
.offset-xxl-11 {
margin-left: 91.6666666667%
}
.g-xxl-0,
.gx-xxl-0 {
--bs-gutter-x: 0
}
.g-xxl-0,
.gy-xxl-0 {
--bs-gutter-y: 0
}
.g-xxl-1,
.gx-xxl-1 {
--bs-gutter-x: 0.25rem
}
.g-xxl-1,
.gy-xxl-1 {
--bs-gutter-y: 0.25rem
}
.g-xxl-2,
.gx-xxl-2 {
--bs-gutter-x: 0.5rem
}
.g-xxl-2,
.gy-xxl-2 {
--bs-gutter-y: 0.5rem
}
.g-xxl-3,
.gx-xxl-3 {
--bs-gutter-x: 1rem
}
.g-xxl-3,
.gy-xxl-3 {
--bs-gutter-y: 1rem
}
.g-xxl-4,
.gx-xxl-4 {
--bs-gutter-x: 1.5rem
}
.g-xxl-4,
.gy-xxl-4 {
--bs-gutter-y: 1.5rem
}
.g-xxl-5,
.gx-xxl-5 {
--bs-gutter-x: 3rem
}
.g-xxl-5,
.gy-xxl-5 {
--bs-gutter-y: 3rem
}
}
.d-inline {
display: inline !important
}
.d-inline-block {
display: inline-block !important
}
.d-block {
display: block !important
}
.d-grid {
display: grid !important
}
.d-table {
display: table !important
}
.d-table-row {
display: table-row !important
}
.d-table-cell {
display: table-cell !important
}
.d-flex {
display: flex !important
}
.d-inline-flex {
display: inline-flex !important
}
.d-none {
display: none !important
}
.flex-fill {
flex: 1 1 auto !important
}
.flex-row {
flex-direction: row !important
}
.flex-column {
flex-direction: column !important
}
.flex-row-reverse {
flex-direction: row-reverse !important
}
.flex-column-reverse {
flex-direction: column-reverse !important
}
.flex-grow-0 {
flex-grow: 0 !important
}
.flex-grow-1 {
flex-grow: 1 !important
}
.flex-shrink-0 {
flex-shrink: 0 !important
}
.flex-shrink-1 {
flex-shrink: 1 !important
}
.flex-wrap {
flex-wrap: wrap !important
}
.flex-nowrap {
flex-wrap: nowrap !important
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-start {
justify-content: flex-start !important
}
.justify-content-end {
justify-content: flex-end !important
}
.justify-content-center {
justify-content: center !important
}
.justify-content-between {
justify-content: space-between !important
}
.justify-content-around {
justify-content: space-around !important
}
.justify-content-evenly {
justify-content: space-evenly !important
}
.align-items-start {
align-items: flex-start !important
}
.align-items-end {
align-items: flex-end !important
}
.align-items-center {
align-items: center !important
}
.align-items-baseline {
align-items: baseline !important
}
.align-items-stretch {
align-items: stretch !important
}
.align-content-start {
align-content: flex-start !important
}
.align-content-end {
align-content: flex-end !important
}
.align-content-center {
align-content: center !important
}
.align-content-between {
align-content: space-between !important
}
.align-content-around {
align-content: space-around !important
}
.align-content-stretch {
align-content: stretch !important
}
.align-self-auto {
align-self: auto !important
}
.align-self-start {
align-self: flex-start !important
}
.align-self-end {
align-self: flex-end !important
}
.align-self-center {
align-self: center !important
}
.align-self-baseline {
align-self: baseline !important
}
.align-self-stretch {
align-self: stretch !important
}
.order-first {
order: -1 !important
}
.order-0 {
order: 0 !important
}
.order-1 {
order: 1 !important
}
.order-2 {
order: 2 !important
}
.order-3 {
order: 3 !important
}
.order-4 {
order: 4 !important
}
.order-5 {
order: 5 !important
}
.order-last {
order: 6 !important
}
.m-0 {
margin: 0 !important
}
.m-1 {
margin: .25rem !important
}
.m-2 {
margin: .5rem !important
}
.m-3 {
margin: 1rem !important
}
.m-4 {
margin: 1.5rem !important
}
.m-5 {
margin: 3rem !important
}
.m-auto {
margin: auto !important
}
.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-0 {
margin-top: 0 !important
}
.mt-1 {
margin-top: .25rem !important
}
.mt-2 {
margin-top: .5rem !important
}
.mt-3 {
margin-top: 1rem !important
}
.mt-4 {
margin-top: 1.5rem !important
}
.mt-5 {
margin-top: 3rem !important
}
.mt-auto {
margin-top: auto !important
}
.me-0 {
margin-right: 0 !important
}
.me-1 {
margin-right: .25rem !important
}
.me-2 {
margin-right: .5rem !important
}
.me-3 {
margin-right: 1rem !important
}
.me-4 {
margin-right: 1.5rem !important
}
.me-5 {
margin-right: 3rem !important
}
.me-auto {
margin-right: auto !important
}
.mb-0 {
margin-bottom: 0 !important
}
.mb-1 {
margin-bottom: .25rem !important
}
.mb-2 {
margin-bottom: .5rem !important
}
.mb-3 {
margin-bottom: 1rem !important
}
.mb-4 {
margin-bottom: 1.5rem !important
}
.mb-5 {
margin-bottom: 3rem !important
}
.mb-auto {
margin-bottom: auto !important
}
.ms-0 {
margin-left: 0 !important
}
.ms-1 {
margin-left: .25rem !important
}
.ms-2 {
margin-left: .5rem !important
}
.ms-3 {
margin-left: 1rem !important
}
.ms-4 {
margin-left: 1.5rem !important
}
.ms-5 {
margin-left: 3rem !important
}
.ms-auto {
margin-left: auto !important
}
.p-0 {
padding: 0 !important
}
.p-1 {
padding: .25rem !important
}
.p-2 {
padding: .5rem !important
}
.p-3 {
padding: 1rem !important
}
.p-4 {
padding: 1.5rem !important
}
.p-5 {
padding: 3rem !important
}
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-0 {
padding-top: 0 !important
}
.pt-1 {
padding-top: .25rem !important
}
.pt-2 {
padding-top: .5rem !important
}
.pt-3 {
padding-top: 1rem !important
}
.pt-4 {
padding-top: 1.5rem !important
}
.pt-5 {
padding-top: 3rem !important
}
.pe-0 {
padding-right: 0 !important
}
.pe-1 {
padding-right: .25rem !important
}
.pe-2 {
padding-right: .5rem !important
}
.pe-3 {
padding-right: 1rem !important
}
.pe-4 {
padding-right: 1.5rem !important
}
.pe-5 {
padding-right: 3rem !important
}
.pb-0 {
padding-bottom: 0 !important
}
.pb-1 {
padding-bottom: .25rem !important
}
.pb-2 {
padding-bottom: .5rem !important
}
.pb-3 {
padding-bottom: 1rem !important
}
.pb-4 {
padding-bottom: 1.5rem !important
}
.pb-5 {
padding-bottom: 3rem !important
}
.ps-0 {
padding-left: 0 !important
}
.ps-1 {
padding-left: .25rem !important
}
.ps-2 {
padding-left: .5rem !important
}
.ps-3 {
padding-left: 1rem !important
}
.ps-4 {
padding-left: 1.5rem !important
}
.ps-5 {
padding-left: 3rem !important
}
@media(min-width: 576px) {
.d-sm-inline {
display: inline !important
}
.d-sm-inline-block {
display: inline-block !important
}
.d-sm-block {
display: block !important
}
.d-sm-grid {
display: grid !important
}
.d-sm-table {
display: table !important
}
.d-sm-table-row {
display: table-row !important
}
.d-sm-table-cell {
display: table-cell !important
}
.d-sm-flex {
display: flex !important
}
.d-sm-inline-flex {
display: inline-flex !important
}
.d-sm-none {
display: none !important
}
.flex-sm-fill {
flex: 1 1 auto !important
}
.flex-sm-row {
flex-direction: row !important
}
.flex-sm-column {
flex-direction: column !important
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important
}
.flex-sm-grow-0 {
flex-grow: 0 !important
}
.flex-sm-grow-1 {
flex-grow: 1 !important
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important
}
.flex-sm-wrap {
flex-wrap: wrap !important
}
.flex-sm-nowrap {
flex-wrap: nowrap !important
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-sm-start {
justify-content: flex-start !important
}
.justify-content-sm-end {
justify-content: flex-end !important
}
.justify-content-sm-center {
justify-content: center !important
}
.justify-content-sm-between {
justify-content: space-between !important
}
.justify-content-sm-around {
justify-content: space-around !important
}
.justify-content-sm-evenly {
justify-content: space-evenly !important
}
.align-items-sm-start {
align-items: flex-start !important
}
.align-items-sm-end {
align-items: flex-end !important
}
.align-items-sm-center {
align-items: center !important
}
.align-items-sm-baseline {
align-items: baseline !important
}
.align-items-sm-stretch {
align-items: stretch !important
}
.align-content-sm-start {
align-content: flex-start !important
}
.align-content-sm-end {
align-content: flex-end !important
}
.align-content-sm-center {
align-content: center !important
}
.align-content-sm-between {
align-content: space-between !important
}
.align-content-sm-around {
align-content: space-around !important
}
.align-content-sm-stretch {
align-content: stretch !important
}
.align-self-sm-auto {
align-self: auto !important
}
.align-self-sm-start {
align-self: flex-start !important
}
.align-self-sm-end {
align-self: flex-end !important
}
.align-self-sm-center {
align-self: center !important
}
.align-self-sm-baseline {
align-self: baseline !important
}
.align-self-sm-stretch {
align-self: stretch !important
}
.order-sm-first {
order: -1 !important
}
.order-sm-0 {
order: 0 !important
}
.order-sm-1 {
order: 1 !important
}
.order-sm-2 {
order: 2 !important
}
.order-sm-3 {
order: 3 !important
}
.order-sm-4 {
order: 4 !important
}
.order-sm-5 {
order: 5 !important
}
.order-sm-last {
order: 6 !important
}
.m-sm-0 {
margin: 0 !important
}
.m-sm-1 {
margin: .25rem !important
}
.m-sm-2 {
margin: .5rem !important
}
.m-sm-3 {
margin: 1rem !important
}
.m-sm-4 {
margin: 1.5rem !important
}
.m-sm-5 {
margin: 3rem !important
}
.m-sm-auto {
margin: auto !important
}
.mx-sm-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-sm-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-sm-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-sm-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-sm-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-sm-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-sm-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-sm-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-sm-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-sm-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-sm-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-sm-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-sm-0 {
margin-top: 0 !important
}
.mt-sm-1 {
margin-top: .25rem !important
}
.mt-sm-2 {
margin-top: .5rem !important
}
.mt-sm-3 {
margin-top: 1rem !important
}
.mt-sm-4 {
margin-top: 1.5rem !important
}
.mt-sm-5 {
margin-top: 3rem !important
}
.mt-sm-auto {
margin-top: auto !important
}
.me-sm-0 {
margin-right: 0 !important
}
.me-sm-1 {
margin-right: .25rem !important
}
.me-sm-2 {
margin-right: .5rem !important
}
.me-sm-3 {
margin-right: 1rem !important
}
.me-sm-4 {
margin-right: 1.5rem !important
}
.me-sm-5 {
margin-right: 3rem !important
}
.me-sm-auto {
margin-right: auto !important
}
.mb-sm-0 {
margin-bottom: 0 !important
}
.mb-sm-1 {
margin-bottom: .25rem !important
}
.mb-sm-2 {
margin-bottom: .5rem !important
}
.mb-sm-3 {
margin-bottom: 1rem !important
}
.mb-sm-4 {
margin-bottom: 1.5rem !important
}
.mb-sm-5 {
margin-bottom: 3rem !important
}
.mb-sm-auto {
margin-bottom: auto !important
}
.ms-sm-0 {
margin-left: 0 !important
}
.ms-sm-1 {
margin-left: .25rem !important
}
.ms-sm-2 {
margin-left: .5rem !important
}
.ms-sm-3 {
margin-left: 1rem !important
}
.ms-sm-4 {
margin-left: 1.5rem !important
}
.ms-sm-5 {
margin-left: 3rem !important
}
.ms-sm-auto {
margin-left: auto !important
}
.p-sm-0 {
padding: 0 !important
}
.p-sm-1 {
padding: .25rem !important
}
.p-sm-2 {
padding: .5rem !important
}
.p-sm-3 {
padding: 1rem !important
}
.p-sm-4 {
padding: 1.5rem !important
}
.p-sm-5 {
padding: 3rem !important
}
.px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-sm-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-sm-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-sm-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-sm-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-sm-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-sm-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-sm-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-sm-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-sm-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-sm-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-sm-0 {
padding-top: 0 !important
}
.pt-sm-1 {
padding-top: .25rem !important
}
.pt-sm-2 {
padding-top: .5rem !important
}
.pt-sm-3 {
padding-top: 1rem !important
}
.pt-sm-4 {
padding-top: 1.5rem !important
}
.pt-sm-5 {
padding-top: 3rem !important
}
.pe-sm-0 {
padding-right: 0 !important
}
.pe-sm-1 {
padding-right: .25rem !important
}
.pe-sm-2 {
padding-right: .5rem !important
}
.pe-sm-3 {
padding-right: 1rem !important
}
.pe-sm-4 {
padding-right: 1.5rem !important
}
.pe-sm-5 {
padding-right: 3rem !important
}
.pb-sm-0 {
padding-bottom: 0 !important
}
.pb-sm-1 {
padding-bottom: .25rem !important
}
.pb-sm-2 {
padding-bottom: .5rem !important
}
.pb-sm-3 {
padding-bottom: 1rem !important
}
.pb-sm-4 {
padding-bottom: 1.5rem !important
}
.pb-sm-5 {
padding-bottom: 3rem !important
}
.ps-sm-0 {
padding-left: 0 !important
}
.ps-sm-1 {
padding-left: .25rem !important
}
.ps-sm-2 {
padding-left: .5rem !important
}
.ps-sm-3 {
padding-left: 1rem !important
}
.ps-sm-4 {
padding-left: 1.5rem !important
}
.ps-sm-5 {
padding-left: 3rem !important
}
}
@media(min-width: 768px) {
.d-md-inline {
display: inline !important
}
.d-md-inline-block {
display: inline-block !important
}
.d-md-block {
display: block !important
}
.d-md-grid {
display: grid !important
}
.d-md-table {
display: table !important
}
.d-md-table-row {
display: table-row !important
}
.d-md-table-cell {
display: table-cell !important
}
.d-md-flex {
display: flex !important
}
.d-md-inline-flex {
display: inline-flex !important
}
.d-md-none {
display: none !important
}
.flex-md-fill {
flex: 1 1 auto !important
}
.flex-md-row {
flex-direction: row !important
}
.flex-md-column {
flex-direction: column !important
}
.flex-md-row-reverse {
flex-direction: row-reverse !important
}
.flex-md-column-reverse {
flex-direction: column-reverse !important
}
.flex-md-grow-0 {
flex-grow: 0 !important
}
.flex-md-grow-1 {
flex-grow: 1 !important
}
.flex-md-shrink-0 {
flex-shrink: 0 !important
}
.flex-md-shrink-1 {
flex-shrink: 1 !important
}
.flex-md-wrap {
flex-wrap: wrap !important
}
.flex-md-nowrap {
flex-wrap: nowrap !important
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-md-start {
justify-content: flex-start !important
}
.justify-content-md-end {
justify-content: flex-end !important
}
.justify-content-md-center {
justify-content: center !important
}
.justify-content-md-between {
justify-content: space-between !important
}
.justify-content-md-around {
justify-content: space-around !important
}
.justify-content-md-evenly {
justify-content: space-evenly !important
}
.align-items-md-start {
align-items: flex-start !important
}
.align-items-md-end {
align-items: flex-end !important
}
.align-items-md-center {
align-items: center !important
}
.align-items-md-baseline {
align-items: baseline !important
}
.align-items-md-stretch {
align-items: stretch !important
}
.align-content-md-start {
align-content: flex-start !important
}
.align-content-md-end {
align-content: flex-end !important
}
.align-content-md-center {
align-content: center !important
}
.align-content-md-between {
align-content: space-between !important
}
.align-content-md-around {
align-content: space-around !important
}
.align-content-md-stretch {
align-content: stretch !important
}
.align-self-md-auto {
align-self: auto !important
}
.align-self-md-start {
align-self: flex-start !important
}
.align-self-md-end {
align-self: flex-end !important
}
.align-self-md-center {
align-self: center !important
}
.align-self-md-baseline {
align-self: baseline !important
}
.align-self-md-stretch {
align-self: stretch !important
}
.order-md-first {
order: -1 !important
}
.order-md-0 {
order: 0 !important
}
.order-md-1 {
order: 1 !important
}
.order-md-2 {
order: 2 !important
}
.order-md-3 {
order: 3 !important
}
.order-md-4 {
order: 4 !important
}
.order-md-5 {
order: 5 !important
}
.order-md-last {
order: 6 !important
}
.m-md-0 {
margin: 0 !important
}
.m-md-1 {
margin: .25rem !important
}
.m-md-2 {
margin: .5rem !important
}
.m-md-3 {
margin: 1rem !important
}
.m-md-4 {
margin: 1.5rem !important
}
.m-md-5 {
margin: 3rem !important
}
.m-md-auto {
margin: auto !important
}
.mx-md-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-md-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-md-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-md-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-md-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-md-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-md-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-md-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-md-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-md-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-md-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-md-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-md-0 {
margin-top: 0 !important
}
.mt-md-1 {
margin-top: .25rem !important
}
.mt-md-2 {
margin-top: .5rem !important
}
.mt-md-3 {
margin-top: 1rem !important
}
.mt-md-4 {
margin-top: 1.5rem !important
}
.mt-md-5 {
margin-top: 3rem !important
}
.mt-md-auto {
margin-top: auto !important
}
.me-md-0 {
margin-right: 0 !important
}
.me-md-1 {
margin-right: .25rem !important
}
.me-md-2 {
margin-right: .5rem !important
}
.me-md-3 {
margin-right: 1rem !important
}
.me-md-4 {
margin-right: 1.5rem !important
}
.me-md-5 {
margin-right: 3rem !important
}
.me-md-auto {
margin-right: auto !important
}
.mb-md-0 {
margin-bottom: 0 !important
}
.mb-md-1 {
margin-bottom: .25rem !important
}
.mb-md-2 {
margin-bottom: .5rem !important
}
.mb-md-3 {
margin-bottom: 1rem !important
}
.mb-md-4 {
margin-bottom: 1.5rem !important
}
.mb-md-5 {
margin-bottom: 3rem !important
}
.mb-md-auto {
margin-bottom: auto !important
}
.ms-md-0 {
margin-left: 0 !important
}
.ms-md-1 {
margin-left: .25rem !important
}
.ms-md-2 {
margin-left: .5rem !important
}
.ms-md-3 {
margin-left: 1rem !important
}
.ms-md-4 {
margin-left: 1.5rem !important
}
.ms-md-5 {
margin-left: 3rem !important
}
.ms-md-auto {
margin-left: auto !important
}
.p-md-0 {
padding: 0 !important
}
.p-md-1 {
padding: .25rem !important
}
.p-md-2 {
padding: .5rem !important
}
.p-md-3 {
padding: 1rem !important
}
.p-md-4 {
padding: 1.5rem !important
}
.p-md-5 {
padding: 3rem !important
}
.px-md-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-md-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-md-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-md-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-md-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-md-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-md-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-md-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-md-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-md-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-md-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-md-0 {
padding-top: 0 !important
}
.pt-md-1 {
padding-top: .25rem !important
}
.pt-md-2 {
padding-top: .5rem !important
}
.pt-md-3 {
padding-top: 1rem !important
}
.pt-md-4 {
padding-top: 1.5rem !important
}
.pt-md-5 {
padding-top: 3rem !important
}
.pe-md-0 {
padding-right: 0 !important
}
.pe-md-1 {
padding-right: .25rem !important
}
.pe-md-2 {
padding-right: .5rem !important
}
.pe-md-3 {
padding-right: 1rem !important
}
.pe-md-4 {
padding-right: 1.5rem !important
}
.pe-md-5 {
padding-right: 3rem !important
}
.pb-md-0 {
padding-bottom: 0 !important
}
.pb-md-1 {
padding-bottom: .25rem !important
}
.pb-md-2 {
padding-bottom: .5rem !important
}
.pb-md-3 {
padding-bottom: 1rem !important
}
.pb-md-4 {
padding-bottom: 1.5rem !important
}
.pb-md-5 {
padding-bottom: 3rem !important
}
.ps-md-0 {
padding-left: 0 !important
}
.ps-md-1 {
padding-left: .25rem !important
}
.ps-md-2 {
padding-left: .5rem !important
}
.ps-md-3 {
padding-left: 1rem !important
}
.ps-md-4 {
padding-left: 1.5rem !important
}
.ps-md-5 {
padding-left: 3rem !important
}
}
@media(min-width: 992px) {
.d-lg-inline {
display: inline !important
}
.d-lg-inline-block {
display: inline-block !important
}
.d-lg-block {
display: block !important
}
.d-lg-grid {
display: grid !important
}
.d-lg-table {
display: table !important
}
.d-lg-table-row {
display: table-row !important
}
.d-lg-table-cell {
display: table-cell !important
}
.d-lg-flex {
display: flex !important
}
.d-lg-inline-flex {
display: inline-flex !important
}
.d-lg-none {
display: none !important
}
.flex-lg-fill {
flex: 1 1 auto !important
}
.flex-lg-row {
flex-direction: row !important
}
.flex-lg-column {
flex-direction: column !important
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important
}
.flex-lg-grow-0 {
flex-grow: 0 !important
}
.flex-lg-grow-1 {
flex-grow: 1 !important
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important
}
.flex-lg-wrap {
flex-wrap: wrap !important
}
.flex-lg-nowrap {
flex-wrap: nowrap !important
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-lg-start {
justify-content: flex-start !important
}
.justify-content-lg-end {
justify-content: flex-end !important
}
.justify-content-lg-center {
justify-content: center !important
}
.justify-content-lg-between {
justify-content: space-between !important
}
.justify-content-lg-around {
justify-content: space-around !important
}
.justify-content-lg-evenly {
justify-content: space-evenly !important
}
.align-items-lg-start {
align-items: flex-start !important
}
.align-items-lg-end {
align-items: flex-end !important
}
.align-items-lg-center {
align-items: center !important
}
.align-items-lg-baseline {
align-items: baseline !important
}
.align-items-lg-stretch {
align-items: stretch !important
}
.align-content-lg-start {
align-content: flex-start !important
}
.align-content-lg-end {
align-content: flex-end !important
}
.align-content-lg-center {
align-content: center !important
}
.align-content-lg-between {
align-content: space-between !important
}
.align-content-lg-around {
align-content: space-around !important
}
.align-content-lg-stretch {
align-content: stretch !important
}
.align-self-lg-auto {
align-self: auto !important
}
.align-self-lg-start {
align-self: flex-start !important
}
.align-self-lg-end {
align-self: flex-end !important
}
.align-self-lg-center {
align-self: center !important
}
.align-self-lg-baseline {
align-self: baseline !important
}
.align-self-lg-stretch {
align-self: stretch !important
}
.order-lg-first {
order: -1 !important
}
.order-lg-0 {
order: 0 !important
}
.order-lg-1 {
order: 1 !important
}
.order-lg-2 {
order: 2 !important
}
.order-lg-3 {
order: 3 !important
}
.order-lg-4 {
order: 4 !important
}
.order-lg-5 {
order: 5 !important
}
.order-lg-last {
order: 6 !important
}
.m-lg-0 {
margin: 0 !important
}
.m-lg-1 {
margin: .25rem !important
}
.m-lg-2 {
margin: .5rem !important
}
.m-lg-3 {
margin: 1rem !important
}
.m-lg-4 {
margin: 1.5rem !important
}
.m-lg-5 {
margin: 3rem !important
}
.m-lg-auto {
margin: auto !important
}
.mx-lg-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-lg-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-lg-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-lg-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-lg-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-lg-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-lg-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-lg-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-lg-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-lg-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-lg-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-lg-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-lg-0 {
margin-top: 0 !important
}
.mt-lg-1 {
margin-top: .25rem !important
}
.mt-lg-2 {
margin-top: .5rem !important
}
.mt-lg-3 {
margin-top: 1rem !important
}
.mt-lg-4 {
margin-top: 1.5rem !important
}
.mt-lg-5 {
margin-top: 3rem !important
}
.mt-lg-auto {
margin-top: auto !important
}
.me-lg-0 {
margin-right: 0 !important
}
.me-lg-1 {
margin-right: .25rem !important
}
.me-lg-2 {
margin-right: .5rem !important
}
.me-lg-3 {
margin-right: 1rem !important
}
.me-lg-4 {
margin-right: 1.5rem !important
}
.me-lg-5 {
margin-right: 3rem !important
}
.me-lg-auto {
margin-right: auto !important
}
.mb-lg-0 {
margin-bottom: 0 !important
}
.mb-lg-1 {
margin-bottom: .25rem !important
}
.mb-lg-2 {
margin-bottom: .5rem !important
}
.mb-lg-3 {
margin-bottom: 1rem !important
}
.mb-lg-4 {
margin-bottom: 1.5rem !important
}
.mb-lg-5 {
margin-bottom: 3rem !important
}
.mb-lg-auto {
margin-bottom: auto !important
}
.ms-lg-0 {
margin-left: 0 !important
}
.ms-lg-1 {
margin-left: .25rem !important
}
.ms-lg-2 {
margin-left: .5rem !important
}
.ms-lg-3 {
margin-left: 1rem !important
}
.ms-lg-4 {
margin-left: 1.5rem !important
}
.ms-lg-5 {
margin-left: 3rem !important
}
.ms-lg-auto {
margin-left: auto !important
}
.p-lg-0 {
padding: 0 !important
}
.p-lg-1 {
padding: .25rem !important
}
.p-lg-2 {
padding: .5rem !important
}
.p-lg-3 {
padding: 1rem !important
}
.p-lg-4 {
padding: 1.5rem !important
}
.p-lg-5 {
padding: 3rem !important
}
.px-lg-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-lg-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-lg-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-lg-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-lg-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-lg-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-lg-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-lg-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-lg-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-lg-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-lg-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-lg-0 {
padding-top: 0 !important
}
.pt-lg-1 {
padding-top: .25rem !important
}
.pt-lg-2 {
padding-top: .5rem !important
}
.pt-lg-3 {
padding-top: 1rem !important
}
.pt-lg-4 {
padding-top: 1.5rem !important
}
.pt-lg-5 {
padding-top: 3rem !important
}
.pe-lg-0 {
padding-right: 0 !important
}
.pe-lg-1 {
padding-right: .25rem !important
}
.pe-lg-2 {
padding-right: .5rem !important
}
.pe-lg-3 {
padding-right: 1rem !important
}
.pe-lg-4 {
padding-right: 1.5rem !important
}
.pe-lg-5 {
padding-right: 3rem !important
}
.pb-lg-0 {
padding-bottom: 0 !important
}
.pb-lg-1 {
padding-bottom: .25rem !important
}
.pb-lg-2 {
padding-bottom: .5rem !important
}
.pb-lg-3 {
padding-bottom: 1rem !important
}
.pb-lg-4 {
padding-bottom: 1.5rem !important
}
.pb-lg-5 {
padding-bottom: 3rem !important
}
.ps-lg-0 {
padding-left: 0 !important
}
.ps-lg-1 {
padding-left: .25rem !important
}
.ps-lg-2 {
padding-left: .5rem !important
}
.ps-lg-3 {
padding-left: 1rem !important
}
.ps-lg-4 {
padding-left: 1.5rem !important
}
.ps-lg-5 {
padding-left: 3rem !important
}
}
@media(min-width: 1200px) {
.d-xl-inline {
display: inline !important
}
.d-xl-inline-block {
display: inline-block !important
}
.d-xl-block {
display: block !important
}
.d-xl-grid {
display: grid !important
}
.d-xl-table {
display: table !important
}
.d-xl-table-row {
display: table-row !important
}
.d-xl-table-cell {
display: table-cell !important
}
.d-xl-flex {
display: flex !important
}
.d-xl-inline-flex {
display: inline-flex !important
}
.d-xl-none {
display: none !important
}
.flex-xl-fill {
flex: 1 1 auto !important
}
.flex-xl-row {
flex-direction: row !important
}
.flex-xl-column {
flex-direction: column !important
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important
}
.flex-xl-grow-0 {
flex-grow: 0 !important
}
.flex-xl-grow-1 {
flex-grow: 1 !important
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important
}
.flex-xl-wrap {
flex-wrap: wrap !important
}
.flex-xl-nowrap {
flex-wrap: nowrap !important
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-xl-start {
justify-content: flex-start !important
}
.justify-content-xl-end {
justify-content: flex-end !important
}
.justify-content-xl-center {
justify-content: center !important
}
.justify-content-xl-between {
justify-content: space-between !important
}
.justify-content-xl-around {
justify-content: space-around !important
}
.justify-content-xl-evenly {
justify-content: space-evenly !important
}
.align-items-xl-start {
align-items: flex-start !important
}
.align-items-xl-end {
align-items: flex-end !important
}
.align-items-xl-center {
align-items: center !important
}
.align-items-xl-baseline {
align-items: baseline !important
}
.align-items-xl-stretch {
align-items: stretch !important
}
.align-content-xl-start {
align-content: flex-start !important
}
.align-content-xl-end {
align-content: flex-end !important
}
.align-content-xl-center {
align-content: center !important
}
.align-content-xl-between {
align-content: space-between !important
}
.align-content-xl-around {
align-content: space-around !important
}
.align-content-xl-stretch {
align-content: stretch !important
}
.align-self-xl-auto {
align-self: auto !important
}
.align-self-xl-start {
align-self: flex-start !important
}
.align-self-xl-end {
align-self: flex-end !important
}
.align-self-xl-center {
align-self: center !important
}
.align-self-xl-baseline {
align-self: baseline !important
}
.align-self-xl-stretch {
align-self: stretch !important
}
.order-xl-first {
order: -1 !important
}
.order-xl-0 {
order: 0 !important
}
.order-xl-1 {
order: 1 !important
}
.order-xl-2 {
order: 2 !important
}
.order-xl-3 {
order: 3 !important
}
.order-xl-4 {
order: 4 !important
}
.order-xl-5 {
order: 5 !important
}
.order-xl-last {
order: 6 !important
}
.m-xl-0 {
margin: 0 !important
}
.m-xl-1 {
margin: .25rem !important
}
.m-xl-2 {
margin: .5rem !important
}
.m-xl-3 {
margin: 1rem !important
}
.m-xl-4 {
margin: 1.5rem !important
}
.m-xl-5 {
margin: 3rem !important
}
.m-xl-auto {
margin: auto !important
}
.mx-xl-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-xl-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-xl-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-xl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-xl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-xl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-xl-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-xl-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-xl-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-xl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-xl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-xl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-xl-0 {
margin-top: 0 !important
}
.mt-xl-1 {
margin-top: .25rem !important
}
.mt-xl-2 {
margin-top: .5rem !important
}
.mt-xl-3 {
margin-top: 1rem !important
}
.mt-xl-4 {
margin-top: 1.5rem !important
}
.mt-xl-5 {
margin-top: 3rem !important
}
.mt-xl-auto {
margin-top: auto !important
}
.me-xl-0 {
margin-right: 0 !important
}
.me-xl-1 {
margin-right: .25rem !important
}
.me-xl-2 {
margin-right: .5rem !important
}
.me-xl-3 {
margin-right: 1rem !important
}
.me-xl-4 {
margin-right: 1.5rem !important
}
.me-xl-5 {
margin-right: 3rem !important
}
.me-xl-auto {
margin-right: auto !important
}
.mb-xl-0 {
margin-bottom: 0 !important
}
.mb-xl-1 {
margin-bottom: .25rem !important
}
.mb-xl-2 {
margin-bottom: .5rem !important
}
.mb-xl-3 {
margin-bottom: 1rem !important
}
.mb-xl-4 {
margin-bottom: 1.5rem !important
}
.mb-xl-5 {
margin-bottom: 3rem !important
}
.mb-xl-auto {
margin-bottom: auto !important
}
.ms-xl-0 {
margin-left: 0 !important
}
.ms-xl-1 {
margin-left: .25rem !important
}
.ms-xl-2 {
margin-left: .5rem !important
}
.ms-xl-3 {
margin-left: 1rem !important
}
.ms-xl-4 {
margin-left: 1.5rem !important
}
.ms-xl-5 {
margin-left: 3rem !important
}
.ms-xl-auto {
margin-left: auto !important
}
.p-xl-0 {
padding: 0 !important
}
.p-xl-1 {
padding: .25rem !important
}
.p-xl-2 {
padding: .5rem !important
}
.p-xl-3 {
padding: 1rem !important
}
.p-xl-4 {
padding: 1.5rem !important
}
.p-xl-5 {
padding: 3rem !important
}
.px-xl-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-xl-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-xl-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-xl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-xl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-xl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-xl-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-xl-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-xl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-xl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-xl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-xl-0 {
padding-top: 0 !important
}
.pt-xl-1 {
padding-top: .25rem !important
}
.pt-xl-2 {
padding-top: .5rem !important
}
.pt-xl-3 {
padding-top: 1rem !important
}
.pt-xl-4 {
padding-top: 1.5rem !important
}
.pt-xl-5 {
padding-top: 3rem !important
}
.pe-xl-0 {
padding-right: 0 !important
}
.pe-xl-1 {
padding-right: .25rem !important
}
.pe-xl-2 {
padding-right: .5rem !important
}
.pe-xl-3 {
padding-right: 1rem !important
}
.pe-xl-4 {
padding-right: 1.5rem !important
}
.pe-xl-5 {
padding-right: 3rem !important
}
.pb-xl-0 {
padding-bottom: 0 !important
}
.pb-xl-1 {
padding-bottom: .25rem !important
}
.pb-xl-2 {
padding-bottom: .5rem !important
}
.pb-xl-3 {
padding-bottom: 1rem !important
}
.pb-xl-4 {
padding-bottom: 1.5rem !important
}
.pb-xl-5 {
padding-bottom: 3rem !important
}
.ps-xl-0 {
padding-left: 0 !important
}
.ps-xl-1 {
padding-left: .25rem !important
}
.ps-xl-2 {
padding-left: .5rem !important
}
.ps-xl-3 {
padding-left: 1rem !important
}
.ps-xl-4 {
padding-left: 1.5rem !important
}
.ps-xl-5 {
padding-left: 3rem !important
}
}
@media(min-width: 1400px) {
.d-xxl-inline {
display: inline !important
}
.d-xxl-inline-block {
display: inline-block !important
}
.d-xxl-block {
display: block !important
}
.d-xxl-grid {
display: grid !important
}
.d-xxl-table {
display: table !important
}
.d-xxl-table-row {
display: table-row !important
}
.d-xxl-table-cell {
display: table-cell !important
}
.d-xxl-flex {
display: flex !important
}
.d-xxl-inline-flex {
display: inline-flex !important
}
.d-xxl-none {
display: none !important
}
.flex-xxl-fill {
flex: 1 1 auto !important
}
.flex-xxl-row {
flex-direction: row !important
}
.flex-xxl-column {
flex-direction: column !important
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important
}
.flex-xxl-grow-0 {
flex-grow: 0 !important
}
.flex-xxl-grow-1 {
flex-grow: 1 !important
}
.flex-xxl-shrink-0 {
flex-shrink: 0 !important
}
.flex-xxl-shrink-1 {
flex-shrink: 1 !important
}
.flex-xxl-wrap {
flex-wrap: wrap !important
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.justify-content-xxl-start {
justify-content: flex-start !important
}
.justify-content-xxl-end {
justify-content: flex-end !important
}
.justify-content-xxl-center {
justify-content: center !important
}
.justify-content-xxl-between {
justify-content: space-between !important
}
.justify-content-xxl-around {
justify-content: space-around !important
}
.justify-content-xxl-evenly {
justify-content: space-evenly !important
}
.align-items-xxl-start {
align-items: flex-start !important
}
.align-items-xxl-end {
align-items: flex-end !important
}
.align-items-xxl-center {
align-items: center !important
}
.align-items-xxl-baseline {
align-items: baseline !important
}
.align-items-xxl-stretch {
align-items: stretch !important
}
.align-content-xxl-start {
align-content: flex-start !important
}
.align-content-xxl-end {
align-content: flex-end !important
}
.align-content-xxl-center {
align-content: center !important
}
.align-content-xxl-between {
align-content: space-between !important
}
.align-content-xxl-around {
align-content: space-around !important
}
.align-content-xxl-stretch {
align-content: stretch !important
}
.align-self-xxl-auto {
align-self: auto !important
}
.align-self-xxl-start {
align-self: flex-start !important
}
.align-self-xxl-end {
align-self: flex-end !important
}
.align-self-xxl-center {
align-self: center !important
}
.align-self-xxl-baseline {
align-self: baseline !important
}
.align-self-xxl-stretch {
align-self: stretch !important
}
.order-xxl-first {
order: -1 !important
}
.order-xxl-0 {
order: 0 !important
}
.order-xxl-1 {
order: 1 !important
}
.order-xxl-2 {
order: 2 !important
}
.order-xxl-3 {
order: 3 !important
}
.order-xxl-4 {
order: 4 !important
}
.order-xxl-5 {
order: 5 !important
}
.order-xxl-last {
order: 6 !important
}
.m-xxl-0 {
margin: 0 !important
}
.m-xxl-1 {
margin: .25rem !important
}
.m-xxl-2 {
margin: .5rem !important
}
.m-xxl-3 {
margin: 1rem !important
}
.m-xxl-4 {
margin: 1.5rem !important
}
.m-xxl-5 {
margin: 3rem !important
}
.m-xxl-auto {
margin: auto !important
}
.mx-xxl-0 {
margin-right: 0 !important;
margin-left: 0 !important
}
.mx-xxl-1 {
margin-right: .25rem !important;
margin-left: .25rem !important
}
.mx-xxl-2 {
margin-right: .5rem !important;
margin-left: .5rem !important
}
.mx-xxl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important
}
.mx-xxl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important
}
.mx-xxl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important
}
.mx-xxl-auto {
margin-right: auto !important;
margin-left: auto !important
}
.my-xxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.my-xxl-1 {
margin-top: .25rem !important;
margin-bottom: .25rem !important
}
.my-xxl-2 {
margin-top: .5rem !important;
margin-bottom: .5rem !important
}
.my-xxl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important
}
.my-xxl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important
}
.my-xxl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important
}
.my-xxl-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.mt-xxl-0 {
margin-top: 0 !important
}
.mt-xxl-1 {
margin-top: .25rem !important
}
.mt-xxl-2 {
margin-top: .5rem !important
}
.mt-xxl-3 {
margin-top: 1rem !important
}
.mt-xxl-4 {
margin-top: 1.5rem !important
}
.mt-xxl-5 {
margin-top: 3rem !important
}
.mt-xxl-auto {
margin-top: auto !important
}
.me-xxl-0 {
margin-right: 0 !important
}
.me-xxl-1 {
margin-right: .25rem !important
}
.me-xxl-2 {
margin-right: .5rem !important
}
.me-xxl-3 {
margin-right: 1rem !important
}
.me-xxl-4 {
margin-right: 1.5rem !important
}
.me-xxl-5 {
margin-right: 3rem !important
}
.me-xxl-auto {
margin-right: auto !important
}
.mb-xxl-0 {
margin-bottom: 0 !important
}
.mb-xxl-1 {
margin-bottom: .25rem !important
}
.mb-xxl-2 {
margin-bottom: .5rem !important
}
.mb-xxl-3 {
margin-bottom: 1rem !important
}
.mb-xxl-4 {
margin-bottom: 1.5rem !important
}
.mb-xxl-5 {
margin-bottom: 3rem !important
}
.mb-xxl-auto {
margin-bottom: auto !important
}
.ms-xxl-0 {
margin-left: 0 !important
}
.ms-xxl-1 {
margin-left: .25rem !important
}
.ms-xxl-2 {
margin-left: .5rem !important
}
.ms-xxl-3 {
margin-left: 1rem !important
}
.ms-xxl-4 {
margin-left: 1.5rem !important
}
.ms-xxl-5 {
margin-left: 3rem !important
}
.ms-xxl-auto {
margin-left: auto !important
}
.p-xxl-0 {
padding: 0 !important
}
.p-xxl-1 {
padding: .25rem !important
}
.p-xxl-2 {
padding: .5rem !important
}
.p-xxl-3 {
padding: 1rem !important
}
.p-xxl-4 {
padding: 1.5rem !important
}
.p-xxl-5 {
padding: 3rem !important
}
.px-xxl-0 {
padding-right: 0 !important;
padding-left: 0 !important
}
.px-xxl-1 {
padding-right: .25rem !important;
padding-left: .25rem !important
}
.px-xxl-2 {
padding-right: .5rem !important;
padding-left: .5rem !important
}
.px-xxl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important
}
.px-xxl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important
}
.px-xxl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important
}
.py-xxl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.py-xxl-1 {
padding-top: .25rem !important;
padding-bottom: .25rem !important
}
.py-xxl-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-xxl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.py-xxl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important
}
.py-xxl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.pt-xxl-0 {
padding-top: 0 !important
}
.pt-xxl-1 {
padding-top: .25rem !important
}
.pt-xxl-2 {
padding-top: .5rem !important
}
.pt-xxl-3 {
padding-top: 1rem !important
}
.pt-xxl-4 {
padding-top: 1.5rem !important
}
.pt-xxl-5 {
padding-top: 3rem !important
}
.pe-xxl-0 {
padding-right: 0 !important
}
.pe-xxl-1 {
padding-right: .25rem !important
}
.pe-xxl-2 {
padding-right: .5rem !important
}
.pe-xxl-3 {
padding-right: 1rem !important
}
.pe-xxl-4 {
padding-right: 1.5rem !important
}
.pe-xxl-5 {
padding-right: 3rem !important
}
.pb-xxl-0 {
padding-bottom: 0 !important
}
.pb-xxl-1 {
padding-bottom: .25rem !important
}
.pb-xxl-2 {
padding-bottom: .5rem !important
}
.pb-xxl-3 {
padding-bottom: 1rem !important
}
.pb-xxl-4 {
padding-bottom: 1.5rem !important
}
.pb-xxl-5 {
padding-bottom: 3rem !important
}
.ps-xxl-0 {
padding-left: 0 !important
}
.ps-xxl-1 {
padding-left: .25rem !important
}
.ps-xxl-2 {
padding-left: .5rem !important
}
.ps-xxl-3 {
padding-left: 1rem !important
}
.ps-xxl-4 {
padding-left: 1.5rem !important
}
.ps-xxl-5 {
padding-left: 3rem !important
}
}
@media print {
.d-print-inline {
display: inline !important
}
.d-print-inline-block {
display: inline-block !important
}
.d-print-block {
display: block !important
}
.d-print-grid {
display: grid !important
}
.d-print-table {
display: table !important
}
.d-print-table-row {
display: table-row !important
}
.d-print-table-cell {
display: table-cell !important
}
.d-print-flex {
display: flex !important
}
.d-print-inline-flex {
display: inline-flex !important
}
.d-print-none {
display: none !important
}
}
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
display: none
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse
}
.ui-helper-clearfix:after {
clear: both
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0)
}
.ui-front {
z-index: 100
}
.ui-state-disabled {
cursor: default !important;
pointer-events: none
}
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -0.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
font-size: 100%
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0
}
.ui-menu .ui-menu {
position: absolute
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px .4em
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px
}
.ui-menu-icons {
position: relative
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em
}
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0
}
.ui-menu .ui-menu-icon {
left: auto;
right: 0
}
.ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: visible
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none
}
.ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap
}
input.ui-button.ui-button-icon-only {
text-indent: 0
}
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em
}
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0
}
.ui-controlgroup {
vertical-align: middle;
display: inline-block
}
.ui-controlgroup>.ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0
}
.ui-controlgroup>.ui-controlgroup-item:focus,
.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
z-index: 9999
}
.ui-controlgroup-vertical>.ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left
}
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box
}
.ui-controlgroup .ui-controlgroup-label {
padding: .4em 1em
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%
}
.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
border-left: none
}
.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
border-top: none
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none
}
.ui-controlgroup-vertical .ui-spinner-input {
width: 75%;
width: calc(100% - 2.4em)
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid
}
.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: .12em;
border: none
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid
}
.ui-checkboxradio-disabled {
pointer-events: none
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px
}
.ui-datepicker .ui-datepicker-prev {
left: 2px
}
.ui-datepicker .ui-datepicker-next {
right: 2px
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0
}
.ui-datepicker td {
border: 0;
padding: 1px
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left
}
.ui-datepicker.ui-datepicker-multi {
width: auto
}
.ui-datepicker-multi .ui-datepicker-group {
float: left
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0
}
.ui-datepicker-rtl {
direction: rtl
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px
}
.ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0
}
.ui-draggable .ui-dialog-titlebar {
cursor: move
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none
}
.ui-resizable {
position: relative
}
.ui-resizable-handle {
position: absolute;
font-size: .1px;
display: block;
-ms-touch-action: none;
touch-action: none
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%
}
.ui-progressbar .ui-progressbar-overlay {
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height: 100%;
filter: alpha(opacity=25);
opacity: .25
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px .4em;
margin: .5em 0 0 0;
height: auto;
border: 0
}
.ui-selectmenu-open {
display: block
}
.ui-selectmenu-text {
display: block;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis
}
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
width: 14em
}
.ui-selectmenu-icon.ui-icon {
float: right;
margin-top: 0
}
.ui-slider {
position: relative;
text-align: left
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0
}
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit
}
.ui-slider-horizontal {
height: .8em
}
.ui-slider-horizontal .ui-slider-handle {
top: -0.3em;
margin-left: -0.6em
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0
}
.ui-slider-vertical {
width: .8em;
height: 100px
}
.ui-slider-vertical .ui-slider-handle {
left: -0.3em;
margin-left: 0;
margin-bottom: -0.6em
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0
}
.ui-slider-vertical .ui-slider-range-max {
top: 0
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: .222em 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 2em
}
.ui-spinner-button {
width: 1.6em;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0
}
.ui-spinner a.ui-spinner-button {
border-top-style: none;
border-bottom-style: none;
border-right-style: none
}
.ui-spinner-up {
top: 0
}
.ui-spinner-down {
bottom: 0
}
.ui-tabs {
position: relative;
padding: .2em
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px
}
body .ui-tooltip {
border-width: 2px
}
.ui-widget {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em
}
.ui-widget .ui-widget {
font-size: 1em
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5
}
.ui-widget-content {
border: 1px solid #ddd;
background: #fff;
color: #333
}
.ui-widget-content a {
color: #333
}
.ui-widget-header {
border: 1px solid #ddd;
background: #e9e9e9;
color: #333;
font-weight: bold
}
.ui-widget-header a {
color: #333
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color: #454545;
text-decoration: none
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #ccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b;
text-decoration: none
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px rgb(94, 158, 214)
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #fff
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #fff
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #fff;
text-decoration: none
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: normal
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none
}
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35)
}
.ui-icon {
width: 16px;
height: 16px
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url("images/ui-icons_444444_256x240.png")
}
.ui-widget-header .ui-icon {
background-image: url("images/ui-icons_444444_256x240.png")
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
background-image: url("images/ui-icons_555555_256x240.png")
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
background-image: url("images/ui-icons_ffffff_256x240.png")
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
background-image: url("images/ui-icons_777620_256x240.png")
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url("images/ui-icons_cc0000_256x240.png")
}
.ui-button .ui-icon {
background-image: url("images/ui-icons_777777_256x240.png")
}
.ui-icon-blank {
background-position: 16px 16px
}
.ui-icon-caret-1-n {
background-position: 0 0
}
.ui-icon-caret-1-ne {
background-position: -16px 0
}
.ui-icon-caret-1-e {
background-position: -32px 0
}
.ui-icon-caret-1-se {
background-position: -48px 0
}
.ui-icon-caret-1-s {
background-position: -65px 0
}
.ui-icon-caret-1-sw {
background-position: -80px 0
}
.ui-icon-caret-1-w {
background-position: -96px 0
}
.ui-icon-caret-1-nw {
background-position: -112px 0
}
.ui-icon-caret-2-n-s {
background-position: -128px 0
}
.ui-icon-caret-2-e-w {
background-position: -144px 0
}
.ui-icon-triangle-1-n {
background-position: 0 -16px
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px
}
.ui-icon-triangle-1-e {
background-position: -32px -16px
}
.ui-icon-triangle-1-se {
background-position: -48px -16px
}
.ui-icon-triangle-1-s {
background-position: -65px -16px
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px
}
.ui-icon-triangle-1-w {
background-position: -96px -16px
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px
}
.ui-icon-arrow-1-n {
background-position: 0 -32px
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px
}
.ui-icon-arrow-1-e {
background-position: -32px -32px
}
.ui-icon-arrow-1-se {
background-position: -48px -32px
}
.ui-icon-arrow-1-s {
background-position: -65px -32px
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px
}
.ui-icon-arrow-1-w {
background-position: -96px -32px
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px
}
.ui-icon-arrowthick-1-n {
background-position: 1px -48px
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px
}
.ui-icon-arrow-4 {
background-position: 0 -80px
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px
}
.ui-icon-extlink {
background-position: -32px -80px
}
.ui-icon-newwin {
background-position: -48px -80px
}
.ui-icon-refresh {
background-position: -64px -80px
}
.ui-icon-shuffle {
background-position: -80px -80px
}
.ui-icon-transfer-e-w {
background-position: -96px -80px
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px
}
.ui-icon-folder-collapsed {
background-position: 0 -96px
}
.ui-icon-folder-open {
background-position: -16px -96px
}
.ui-icon-document {
background-position: -32px -96px
}
.ui-icon-document-b {
background-position: -48px -96px
}
.ui-icon-note {
background-position: -64px -96px
}
.ui-icon-mail-closed {
background-position: -80px -96px
}
.ui-icon-mail-open {
background-position: -96px -96px
}
.ui-icon-suitcase {
background-position: -112px -96px
}
.ui-icon-comment {
background-position: -128px -96px
}
.ui-icon-person {
background-position: -144px -96px
}
.ui-icon-print {
background-position: -160px -96px
}
.ui-icon-trash {
background-position: -176px -96px
}
.ui-icon-locked {
background-position: -192px -96px
}
.ui-icon-unlocked {
background-position: -208px -96px
}
.ui-icon-bookmark {
background-position: -224px -96px
}
.ui-icon-tag {
background-position: -240px -96px
}
.ui-icon-home {
background-position: 0 -112px
}
.ui-icon-flag {
background-position: -16px -112px
}
.ui-icon-calendar {
background-position: -32px -112px
}
.ui-icon-cart {
background-position: -48px -112px
}
.ui-icon-pencil {
background-position: -64px -112px
}
.ui-icon-clock {
background-position: -80px -112px
}
.ui-icon-disk {
background-position: -96px -112px
}
.ui-icon-calculator {
background-position: -112px -112px
}
.ui-icon-zoomin {
background-position: -128px -112px
}
.ui-icon-zoomout {
background-position: -144px -112px
}
.ui-icon-search {
background-position: -160px -112px
}
.ui-icon-wrench {
background-position: -176px -112px
}
.ui-icon-gear {
background-position: -192px -112px
}
.ui-icon-heart {
background-position: -208px -112px
}
.ui-icon-star {
background-position: -224px -112px
}
.ui-icon-link {
background-position: -240px -112px
}
.ui-icon-cancel {
background-position: 0 -128px
}
.ui-icon-plus {
background-position: -16px -128px
}
.ui-icon-plusthick {
background-position: -32px -128px
}
.ui-icon-minus {
background-position: -48px -128px
}
.ui-icon-minusthick {
background-position: -64px -128px
}
.ui-icon-close {
background-position: -80px -128px
}
.ui-icon-closethick {
background-position: -96px -128px
}
.ui-icon-key {
background-position: -112px -128px
}
.ui-icon-lightbulb {
background-position: -128px -128px
}
.ui-icon-scissors {
background-position: -144px -128px
}
.ui-icon-clipboard {
background-position: -160px -128px
}
.ui-icon-copy {
background-position: -176px -128px
}
.ui-icon-contact {
background-position: -192px -128px
}
.ui-icon-image {
background-position: -208px -128px
}
.ui-icon-video {
background-position: -224px -128px
}
.ui-icon-script {
background-position: -240px -128px
}
.ui-icon-alert {
background-position: 0 -144px
}
.ui-icon-info {
background-position: -16px -144px
}
.ui-icon-notice {
background-position: -32px -144px
}
.ui-icon-help {
background-position: -48px -144px
}
.ui-icon-check {
background-position: -64px -144px
}
.ui-icon-bullet {
background-position: -80px -144px
}
.ui-icon-radio-on {
background-position: -96px -144px
}
.ui-icon-radio-off {
background-position: -112px -144px
}
.ui-icon-pin-w {
background-position: -128px -144px
}
.ui-icon-pin-s {
background-position: -144px -144px
}
.ui-icon-play {
background-position: 0 -160px
}
.ui-icon-pause {
background-position: -16px -160px
}
.ui-icon-seek-next {
background-position: -32px -160px
}
.ui-icon-seek-prev {
background-position: -48px -160px
}
.ui-icon-seek-end {
background-position: -64px -160px
}
.ui-icon-seek-start {
background-position: -80px -160px
}
.ui-icon-seek-first {
background-position: -80px -160px
}
.ui-icon-stop {
background-position: -96px -160px
}
.ui-icon-eject {
background-position: -112px -160px
}
.ui-icon-volume-off {
background-position: -128px -160px
}
.ui-icon-volume-on {
background-position: -144px -160px
}
.ui-icon-power {
background-position: 0 -176px
}
.ui-icon-signal-diag {
background-position: -16px -176px
}
.ui-icon-signal {
background-position: -32px -176px
}
.ui-icon-battery-0 {
background-position: -48px -176px
}
.ui-icon-battery-1 {
background-position: -64px -176px
}
.ui-icon-battery-2 {
background-position: -80px -176px
}
.ui-icon-battery-3 {
background-position: -96px -176px
}
.ui-icon-circle-plus {
background-position: 0 -192px
}
.ui-icon-circle-minus {
background-position: -16px -192px
}
.ui-icon-circle-close {
background-position: -32px -192px
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px
}
.ui-icon-circle-zoomin {
background-position: -176px -192px
}
.ui-icon-circle-zoomout {
background-position: -192px -192px
}
.ui-icon-circle-check {
background-position: -208px -192px
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px
}
.ui-icon-circlesmall-close {
background-position: -32px -208px
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px
}
.ui-icon-squaresmall-close {
background-position: -80px -208px
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px
}
.ui-widget-overlay {
background: #aaa;
opacity: .003;
filter: Alpha(Opacity=0.3)
}
.ui-widget-shadow {
-webkit-box-shadow: 0 0 5px #666;
box-shadow: 0 0 5px #666
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license
Copyright (c) 2013 Daniel Eden
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s
}
@-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px)
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px)
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px)
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce
}
@-webkit-keyframes flash {
0%,
50%,
100% {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@keyframes flash {
0%,
50%,
100% {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse
}
@-webkit-keyframes shake {
0%,
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px)
}
20%,
40%,
60%,
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px)
}
}
@keyframes shake {
0%,
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px)
}
20%,
40%,
60%,
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px)
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg)
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg)
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg)
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
10%,
20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
40%,
60%,
80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0)
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
10%,
20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
40%,
60%,
80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0)
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%)
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg)
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg)
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%)
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%)
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg)
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg)
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%)
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
transform: scale(0.3)
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
70% {
-webkit-transform: scale(0.9);
transform: scale(0.9)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3)
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
70% {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9)
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px)
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px)
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px)
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px)
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px)
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px)
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px)
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px)
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px)
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px)
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px)
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
25% {
-webkit-transform: scale(0.95);
transform: scale(0.95)
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
100% {
opacity: 0;
-webkit-transform: scale(0.3);
transform: scale(0.3)
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
25% {
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95)
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
100% {
opacity: 0;
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3)
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px)
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px)
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px)
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px)
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px)
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px)
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px)
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px)
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px)
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px)
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px)
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px)
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px)
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px)
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg)
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg)
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg)
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg)
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg)
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg)
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg)
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut
}
body.compensate-for-scrollbar {
overflow: hidden
}
.fancybox-active {
height: auto
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992
}
.fancybox-container * {
box-sizing: border-box
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto
}
.fancybox-bg {
background: rgb(30, 30, 30);
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71)
}
.fancybox-is-open .fancybox-bg {
opacity: .9;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1)
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity .25s ease, visibility 0s ease .25s;
visibility: hidden;
z-index: 99997
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
opacity: 1;
transition: opacity .25s ease 0s, visibility 0s ease 0s;
visibility: visible
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.fancybox-toolbar {
right: 0;
top: 0
}
.fancybox-stage {
direction: ltr;
overflow: visible;
transform: translateZ(0);
z-index: 99994
}
.fancybox-is-open .fancybox-stage {
overflow: hidden
}
.fancybox-slide {
-webkit-backface-visibility: hidden;
display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index: 99994
}
.fancybox-slide::before {
content: "";
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
display: block
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0
}
.fancybox-slide--image::before {
display: none
}
.fancybox-slide--html {
padding: 6px
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle
}
.fancybox-slide--image .fancybox-content {
animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-ms-transform-origin: top left;
transform-origin: top left;
transition-property: transform, opacity;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995
}
.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
cursor: -webkit-grab;
cursor: grab
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing
}
.fancybox-container [data-selectable=true] {
cursor: text
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%
}
.fancybox-spaceball {
z-index: 1
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%
}
.fancybox-slide--video .fancybox-content {
background: #000
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df
}
.fancybox-slide--iframe .fancybox-content {
background: #fff
}
.fancybox-video,
.fancybox-iframe {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%
}
.fancybox-iframe {
left: 0;
position: absolute;
top: 0
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0
}
.fancybox-button {
background: rgba(30, 30, 30, 0.6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
color: #ccc
}
.fancybox-button:hover {
color: #fff
}
.fancybox-button:focus {
outline: none
}
.fancybox-button.fancybox-focus {
outline: 1px dotted
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none
}
.fancybox-button div {
height: 100%
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
display: none
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
display: none
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-ms-transform: scaleX(0);
transform: scaleX(0);
-ms-transform-origin: 0;
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998
}
.fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: .8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none
}
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px
}
.fancybox-navigation .fancybox-button div {
padding: 7px
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right)
}
.fancybox-caption {
background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px 44px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996
}
.fancybox-caption--separate {
margin-top: -50px
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline
}
.fancybox-loading {
animation: fancybox-rotate 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999
}
@keyframes fancybox-rotate {
100% {
transform: rotate(360deg)
}
}
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
}
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
transform: translate3d(-100%, 0, 0)
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
transform: translate3d(100%, 0, 0)
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
transform: translate3d(0, 0, 0)
}
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
transform: scale3d(0.5, 0.5, 0.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1)
}
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-ms-transform: rotate(-360deg);
transform: rotate(-360deg)
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-ms-transform: rotate(360deg);
transform: rotate(360deg)
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-ms-transform: rotate(0deg);
transform: rotate(0deg)
}
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}
.fancybox-fx-tube.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)
}
.fancybox-fx-tube.fancybox-slide--next {
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg)
}
.fancybox-fx-tube.fancybox-slide--current {
transform: translate3d(0, 0, 0) scale(1)
}
@media all and (max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px
}
.fancybox-slide--image {
padding: 6px 0
}
.fancybox-close-small {
right: -6px
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px
}
}
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px 0
}
.fancybox-share p {
margin: 0;
padding: 0
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px 5px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
color: #fff
}
.fancybox-share__button:hover {
text-decoration: none
}
.fancybox-share__button--fb {
background: #3b5998
}
.fancybox-share__button--fb:hover {
background: #344e86
}
.fancybox-share__button--pt {
background: #bd081d
}
.fancybox-share__button--pt:hover {
background: #aa0719
}
.fancybox-share__button--tw {
background: #1da1f2
}
.fancybox-share__button--tw:hover {
background: #0d95e8
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px
}
.fancybox-share__button svg path {
fill: #fff
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0 0;
outline: none;
padding: 10px 15px;
width: 100%
}
.fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, 0.1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px
}
.fancybox-thumbs__list a::before {
border: 6px solid #ff5268;
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 99991
}
.fancybox-thumbs__list a:focus::before {
opacity: .5
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1
}
@media all and (max-width: 576px) {
.fancybox-thumbs {
width: 110px
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px)
}
}
.owl-carousel,
.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: none
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
display: block
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0 !important;
font: inherit
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.owl-height {
transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}
.owl-theme .owl-dots,
.owl-theme .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-nav {
margin-top: 10px
}
.owl-theme .owl-nav [class*=owl-] {
color: #fff;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #d6d6d6;
display: inline-block;
cursor: pointer;
border-radius: 3px
}
.owl-theme .owl-nav [class*=owl-]:hover {
background: #869791;
color: #fff;
text-decoration: none
}
.owl-theme .owl-nav .disabled {
opacity: .5;
cursor: default
}
.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 10px
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #d6d6d6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #869791
}
/*!
* Bootstrap Icons v1.11.3 (https://icons.getbootstrap.com/)
* Copyright 2019-2024 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
*/
@font-face {
font-display: block;
font-family: "bootstrap-icons";
src: url("./fonts/bootstrap-icons.woff2?24e3eb84d0bcaf83d77f904c78ac1f47") format("woff2"), url("./fonts/bootstrap-icons.woff?24e3eb84d0bcaf83d77f904c78ac1f47") format("woff")
}
.bi::before,
[class^=bi-]::before,
[class*=" bi-"]::before {
display: inline-block;
font-family: "bootstrap-icons" !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: -0.125em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.bi-123::before {
content: ""
}
.bi-alarm-fill::before {
content: ""
}
.bi-alarm::before {
content: ""
}
.bi-align-bottom::before {
content: ""
}
.bi-align-center::before {
content: ""
}
.bi-align-end::before {
content: ""
}
.bi-align-middle::before {
content: ""
}
.bi-align-start::before {
content: ""
}
.bi-align-top::before {
content: ""
}
.bi-alt::before {
content: ""
}
.bi-app-indicator::before {
content: ""
}
.bi-app::before {
content: ""
}
.bi-archive-fill::before {
content: ""
}
.bi-archive::before {
content: ""
}
.bi-arrow-90deg-down::before {
content: ""
}
.bi-arrow-90deg-left::before {
content: ""
}
.bi-arrow-90deg-right::before {
content: ""
}
.bi-arrow-90deg-up::before {
content: ""
}
.bi-arrow-bar-down::before {
content: ""
}
.bi-arrow-bar-left::before {
content: ""
}
.bi-arrow-bar-right::before {
content: ""
}
.bi-arrow-bar-up::before {
content: ""
}
.bi-arrow-clockwise::before {
content: ""
}
.bi-arrow-counterclockwise::before {
content: ""
}
.bi-arrow-down-circle-fill::before {
content: ""
}
.bi-arrow-down-circle::before {
content: ""
}
.bi-arrow-down-left-circle-fill::before {
content: ""
}
.bi-arrow-down-left-circle::before {
content: ""
}
.bi-arrow-down-left-square-fill::before {
content: ""
}
.bi-arrow-down-left-square::before {
content: ""
}
.bi-arrow-down-left::before {
content: ""
}
.bi-arrow-down-right-circle-fill::before {
content: ""
}
.bi-arrow-down-right-circle::before {
content: ""
}
.bi-arrow-down-right-square-fill::before {
content: ""
}
.bi-arrow-down-right-square::before {
content: ""
}
.bi-arrow-down-right::before {
content: ""
}
.bi-arrow-down-short::before {
content: ""
}
.bi-arrow-down-square-fill::before {
content: ""
}
.bi-arrow-down-square::before {
content: ""
}
.bi-arrow-down-up::before {
content: ""
}
.bi-arrow-down::before {
content: ""
}
.bi-arrow-left-circle-fill::before {
content: ""
}
.bi-arrow-left-circle::before {
content: ""
}
.bi-arrow-left-right::before {
content: ""
}
.bi-arrow-left-short::before {
content: ""
}
.bi-arrow-left-square-fill::before {
content: ""
}
.bi-arrow-left-square::before {
content: ""
}
.bi-arrow-left::before {
content: ""
}
.bi-arrow-repeat::before {
content: ""
}
.bi-arrow-return-left::before {
content: ""
}
.bi-arrow-return-right::before {
content: ""
}
.bi-arrow-right-circle-fill::before {
content: ""
}
.bi-arrow-right-circle::before {
content: ""
}
.bi-arrow-right-short::before {
content: ""
}
.bi-arrow-right-square-fill::before {
content: ""
}
.bi-arrow-right-square::before {
content: ""
}
.bi-arrow-right::before {
content: ""
}
.bi-arrow-up-circle-fill::before {
content: ""
}
.bi-arrow-up-circle::before {
content: ""
}
.bi-arrow-up-left-circle-fill::before {
content: ""
}
.bi-arrow-up-left-circle::before {
content: ""
}
.bi-arrow-up-left-square-fill::before {
content: ""
}
.bi-arrow-up-left-square::before {
content: ""
}
.bi-arrow-up-left::before {
content: ""
}
.bi-arrow-up-right-circle-fill::before {
content: ""
}
.bi-arrow-up-right-circle::before {
content: ""
}
.bi-arrow-up-right-square-fill::before {
content: ""
}
.bi-arrow-up-right-square::before {
content: ""
}
.bi-arrow-up-right::before {
content: ""
}
.bi-arrow-up-short::before {
content: ""
}
.bi-arrow-up-square-fill::before {
content: ""
}
.bi-arrow-up-square::before {
content: ""
}
.bi-arrow-up::before {
content: ""
}
.bi-arrows-angle-contract::before {
content: ""
}
.bi-arrows-angle-expand::before {
content: ""
}
.bi-arrows-collapse::before {
content: ""
}
.bi-arrows-expand::before {
content: ""
}
.bi-arrows-fullscreen::before {
content: ""
}
.bi-arrows-move::before {
content: ""
}
.bi-aspect-ratio-fill::before {
content: ""
}
.bi-aspect-ratio::before {
content: ""
}
.bi-asterisk::before {
content: ""
}
.bi-at::before {
content: ""
}
.bi-award-fill::before {
content: ""
}
.bi-award::before {
content: ""
}
.bi-back::before {
content: ""
}
.bi-backspace-fill::before {
content: ""
}
.bi-backspace-reverse-fill::before {
content: ""
}
.bi-backspace-reverse::before {
content: ""
}
.bi-backspace::before {
content: ""
}
.bi-badge-3d-fill::before {
content: ""
}
.bi-badge-3d::before {
content: ""
}
.bi-badge-4k-fill::before {
content: ""
}
.bi-badge-4k::before {
content: ""
}
.bi-badge-8k-fill::before {
content: ""
}
.bi-badge-8k::before {
content: ""
}
.bi-badge-ad-fill::before {
content: ""
}
.bi-badge-ad::before {
content: ""
}
.bi-badge-ar-fill::before {
content: ""
}
.bi-badge-ar::before {
content: ""
}
.bi-badge-cc-fill::before {
content: ""
}
.bi-badge-cc::before {
content: ""
}
.bi-badge-hd-fill::before {
content: ""
}
.bi-badge-hd::before {
content: ""
}
.bi-badge-tm-fill::before {
content: ""
}
.bi-badge-tm::before {
content: ""
}
.bi-badge-vo-fill::before {
content: ""
}
.bi-badge-vo::before {
content: ""
}
.bi-badge-vr-fill::before {
content: ""
}
.bi-badge-vr::before {
content: ""
}
.bi-badge-wc-fill::before {
content: ""
}
.bi-badge-wc::before {
content: ""
}
.bi-bag-check-fill::before {
content: ""
}
.bi-bag-check::before {
content: ""
}
.bi-bag-dash-fill::before {
content: ""
}
.bi-bag-dash::before {
content: ""
}
.bi-bag-fill::before {
content: ""
}
.bi-bag-plus-fill::before {
content: ""
}
.bi-bag-plus::before {
content: ""
}
.bi-bag-x-fill::before {
content: ""
}
.bi-bag-x::before {
content: ""
}
.bi-bag::before {
content: ""
}
.bi-bar-chart-fill::before {
content: ""
}
.bi-bar-chart-line-fill::before {
content: ""
}
.bi-bar-chart-line::before {
content: ""
}
.bi-bar-chart-steps::before {
content: ""
}
.bi-bar-chart::before {
content: ""
}
.bi-basket-fill::before {
content: ""
}
.bi-basket::before {
content: ""
}
.bi-basket2-fill::before {
content: ""
}
.bi-basket2::before {
content: ""
}
.bi-basket3-fill::before {
content: ""
}
.bi-basket3::before {
content: ""
}
.bi-battery-charging::before {
content: ""
}
.bi-battery-full::before {
content: ""
}
.bi-battery-half::before {
content: ""
}
.bi-battery::before {
content: ""
}
.bi-bell-fill::before {
content: ""
}
.bi-bell::before {
content: ""
}
.bi-bezier::before {
content: ""
}
.bi-bezier2::before {
content: ""
}
.bi-bicycle::before {
content: ""
}
.bi-binoculars-fill::before {
content: ""
}
.bi-binoculars::before {
content: ""
}
.bi-blockquote-left::before {
content: ""
}
.bi-blockquote-right::before {
content: ""
}
.bi-book-fill::before {
content: ""
}
.bi-book-half::before {
content: ""
}
.bi-book::before {
content: ""
}
.bi-bookmark-check-fill::before {
content: ""
}
.bi-bookmark-check::before {
content: ""
}
.bi-bookmark-dash-fill::before {
content: ""
}
.bi-bookmark-dash::before {
content: ""
}
.bi-bookmark-fill::before {
content: ""
}
.bi-bookmark-heart-fill::before {
content: ""
}
.bi-bookmark-heart::before {
content: ""
}
.bi-bookmark-plus-fill::before {
content: ""
}
.bi-bookmark-plus::before {
content: ""
}
.bi-bookmark-star-fill::before {
content: ""
}
.bi-bookmark-star::before {
content: ""
}
.bi-bookmark-x-fill::before {
content: ""
}
.bi-bookmark-x::before {
content: ""
}
.bi-bookmark::before {
content: ""
}
.bi-bookmarks-fill::before {
content: ""
}
.bi-bookmarks::before {
content: ""
}
.bi-bookshelf::before {
content: ""
}
.bi-bootstrap-fill::before {
content: ""
}
.bi-bootstrap-reboot::before {
content: ""
}
.bi-bootstrap::before {
content: ""
}
.bi-border-all::before {
content: ""
}
.bi-border-bottom::before {
content: ""
}
.bi-border-center::before {
content: ""
}
.bi-border-inner::before {
content: ""
}
.bi-border-left::before {
content: ""
}
.bi-border-middle::before {
content: ""
}
.bi-border-outer::before {
content: ""
}
.bi-border-right::before {
content: ""
}
.bi-border-style::before {
content: ""
}
.bi-border-top::before {
content: ""
}
.bi-border-width::before {
content: ""
}
.bi-border::before {
content: ""
}
.bi-bounding-box-circles::before {
content: ""
}
.bi-bounding-box::before {
content: ""
}
.bi-box-arrow-down-left::before {
content: ""
}
.bi-box-arrow-down-right::before {
content: ""
}
.bi-box-arrow-down::before {
content: ""
}
.bi-box-arrow-in-down-left::before {
content: ""
}
.bi-box-arrow-in-down-right::before {
content: ""
}
.bi-box-arrow-in-down::before {
content: ""
}
.bi-box-arrow-in-left::before {
content: ""
}
.bi-box-arrow-in-right::before {
content: ""
}
.bi-box-arrow-in-up-left::before {
content: ""
}
.bi-box-arrow-in-up-right::before {
content: ""
}
.bi-box-arrow-in-up::before {
content: ""
}
.bi-box-arrow-left::before {
content: ""
}
.bi-box-arrow-right::before {
content: ""
}
.bi-box-arrow-up-left::before {
content: ""
}
.bi-box-arrow-up-right::before {
content: ""
}
.bi-box-arrow-up::before {
content: ""
}
.bi-box-seam::before {
content: ""
}
.bi-box::before {
content: ""
}
.bi-braces::before {
content: ""
}
.bi-bricks::before {
content: ""
}
.bi-briefcase-fill::before {
content: ""
}
.bi-briefcase::before {
content: ""
}
.bi-brightness-alt-high-fill::before {
content: ""
}
.bi-brightness-alt-high::before {
content: ""
}
.bi-brightness-alt-low-fill::before {
content: ""
}
.bi-brightness-alt-low::before {
content: ""
}
.bi-brightness-high-fill::before {
content: ""
}
.bi-brightness-high::before {
content: ""
}
.bi-brightness-low-fill::before {
content: ""
}
.bi-brightness-low::before {
content: ""
}
.bi-broadcast-pin::before {
content: ""
}
.bi-broadcast::before {
content: ""
}
.bi-brush-fill::before {
content: ""
}
.bi-brush::before {
content: ""
}
.bi-bucket-fill::before {
content: ""
}
.bi-bucket::before {
content: ""
}
.bi-bug-fill::before {
content: ""
}
.bi-bug::before {
content: ""
}
.bi-building::before {
content: ""
}
.bi-bullseye::before {
content: ""
}
.bi-calculator-fill::before {
content: ""
}
.bi-calculator::before {
content: ""
}
.bi-calendar-check-fill::before {
content: ""
}
.bi-calendar-check::before {
content: ""
}
.bi-calendar-date-fill::before {
content: ""
}
.bi-calendar-date::before {
content: ""
}
.bi-calendar-day-fill::before {
content: ""
}
.bi-calendar-day::before {
content: ""
}
.bi-calendar-event-fill::before {
content: ""
}
.bi-calendar-event::before {
content: ""
}
.bi-calendar-fill::before {
content: ""
}
.bi-calendar-minus-fill::before {
content: ""
}
.bi-calendar-minus::before {
content: ""
}
.bi-calendar-month-fill::before {
content: ""
}
.bi-calendar-month::before {
content: ""
}
.bi-calendar-plus-fill::before {
content: ""
}
.bi-calendar-plus::before {
content: ""
}
.bi-calendar-range-fill::before {
content: ""
}
.bi-calendar-range::before {
content: ""
}
.bi-calendar-week-fill::before {
content: ""
}
.bi-calendar-week::before {
content: ""
}
.bi-calendar-x-fill::before {
content: ""
}
.bi-calendar-x::before {
content: ""
}
.bi-calendar::before {
content: ""
}
.bi-calendar2-check-fill::before {
content: ""
}
.bi-calendar2-check::before {
content: ""
}
.bi-calendar2-date-fill::before {
content: ""
}
.bi-calendar2-date::before {
content: ""
}
.bi-calendar2-day-fill::before {
content: ""
}
.bi-calendar2-day::before {
content: ""
}
.bi-calendar2-event-fill::before {
content: ""
}
.bi-calendar2-event::before {
content: ""
}
.bi-calendar2-fill::before {
content: ""
}
.bi-calendar2-minus-fill::before {
content: ""
}
.bi-calendar2-minus::before {
content: ""
}
.bi-calendar2-month-fill::before {
content: ""
}
.bi-calendar2-month::before {
content: ""
}
.bi-calendar2-plus-fill::before {
content: ""
}
.bi-calendar2-plus::before {
content: ""
}
.bi-calendar2-range-fill::before {
content: ""
}
.bi-calendar2-range::before {
content: ""
}
.bi-calendar2-week-fill::before {
content: ""
}
.bi-calendar2-week::before {
content: ""
}
.bi-calendar2-x-fill::before {
content: ""
}
.bi-calendar2-x::before {
content: ""
}
.bi-calendar2::before {
content: ""
}
.bi-calendar3-event-fill::before {
content: ""
}
.bi-calendar3-event::before {
content: ""
}
.bi-calendar3-fill::before {
content: ""
}
.bi-calendar3-range-fill::before {
content: ""
}
.bi-calendar3-range::before {
content: ""
}
.bi-calendar3-week-fill::before {
content: ""
}
.bi-calendar3-week::before {
content: ""
}
.bi-calendar3::before {
content: ""
}
.bi-calendar4-event::before {
content: ""
}
.bi-calendar4-range::before {
content: ""
}
.bi-calendar4-week::before {
content: ""
}
.bi-calendar4::before {
content: ""
}
.bi-camera-fill::before {
content: ""
}
.bi-camera-reels-fill::before {
content: ""
}
.bi-camera-reels::before {
content: ""
}
.bi-camera-video-fill::before {
content: ""
}
.bi-camera-video-off-fill::before {
content: ""
}
.bi-camera-video-off::before {
content: ""
}
.bi-camera-video::before {
content: ""
}
.bi-camera::before {
content: ""
}
.bi-camera2::before {
content: ""
}
.bi-capslock-fill::before {
content: ""
}
.bi-capslock::before {
content: ""
}
.bi-card-checklist::before {
content: ""
}
.bi-card-heading::before {
content: ""
}
.bi-card-image::before {
content: ""
}
.bi-card-list::before {
content: ""
}
.bi-card-text::before {
content: ""
}
.bi-caret-down-fill::before {
content: ""
}
.bi-caret-down-square-fill::before {
content: ""
}
.bi-caret-down-square::before {
content: ""
}
.bi-caret-down::before {
content: ""
}
.bi-caret-left-fill::before {
content: ""
}
.bi-caret-left-square-fill::before {
content: ""
}
.bi-caret-left-square::before {
content: ""
}
.bi-caret-left::before {
content: ""
}
.bi-caret-right-fill::before {
content: ""
}
.bi-caret-right-square-fill::before {
content: ""
}
.bi-caret-right-square::before {
content: ""
}
.bi-caret-right::before {
content: ""
}
.bi-caret-up-fill::before {
content: ""
}
.bi-caret-up-square-fill::before {
content: ""
}
.bi-caret-up-square::before {
content: ""
}
.bi-caret-up::before {
content: ""
}
.bi-cart-check-fill::before {
content: ""
}
.bi-cart-check::before {
content: ""
}
.bi-cart-dash-fill::before {
content: ""
}
.bi-cart-dash::before {
content: ""
}
.bi-cart-fill::before {
content: ""
}
.bi-cart-plus-fill::before {
content: ""
}
.bi-cart-plus::before {
content: ""
}
.bi-cart-x-fill::before {
content: ""
}
.bi-cart-x::before {
content: ""
}
.bi-cart::before {
content: ""
}
.bi-cart2::before {
content: ""
}
.bi-cart3::before {
content: ""
}
.bi-cart4::before {
content: ""
}
.bi-cash-stack::before {
content: ""
}
.bi-cash::before {
content: ""
}
.bi-cast::before {
content: ""
}
.bi-chat-dots-fill::before {
content: ""
}
.bi-chat-dots::before {
content: ""
}
.bi-chat-fill::before {
content: ""
}
.bi-chat-left-dots-fill::before {
content: ""
}
.bi-chat-left-dots::before {
content: ""
}
.bi-chat-left-fill::before {
content: ""
}
.bi-chat-left-quote-fill::before {
content: ""
}
.bi-chat-left-quote::before {
content: ""
}
.bi-chat-left-text-fill::before {
content: ""
}
.bi-chat-left-text::before {
content: ""
}
.bi-chat-left::before {
content: ""
}
.bi-chat-quote-fill::before {
content: ""
}
.bi-chat-quote::before {
content: ""
}
.bi-chat-right-dots-fill::before {
content: ""
}
.bi-chat-right-dots::before {
content: ""
}
.bi-chat-right-fill::before {
content: ""
}
.bi-chat-right-quote-fill::before {
content: ""
}
.bi-chat-right-quote::before {
content: ""
}
.bi-chat-right-text-fill::before {
content: ""
}
.bi-chat-right-text::before {
content: ""
}
.bi-chat-right::before {
content: ""
}
.bi-chat-square-dots-fill::before {
content: ""
}
.bi-chat-square-dots::before {
content: ""
}
.bi-chat-square-fill::before {
content: ""
}
.bi-chat-square-quote-fill::before {
content: ""
}
.bi-chat-square-quote::before {
content: ""
}
.bi-chat-square-text-fill::before {
content: ""
}
.bi-chat-square-text::before {
content: ""
}
.bi-chat-square::before {
content: ""
}
.bi-chat-text-fill::before {
content: ""
}
.bi-chat-text::before {
content: ""
}
.bi-chat::before {
content: ""
}
.bi-check-all::before {
content: ""
}
.bi-check-circle-fill::before {
content: ""
}
.bi-check-circle::before {
content: ""
}
.bi-check-square-fill::before {
content: ""
}
.bi-check-square::before {
content: ""
}
.bi-check::before {
content: ""
}
.bi-check2-all::before {
content: ""
}
.bi-check2-circle::before {
content: ""
}
.bi-check2-square::before {
content: ""
}
.bi-check2::before {
content: ""
}
.bi-chevron-bar-contract::before {
content: ""
}
.bi-chevron-bar-down::before {
content: ""
}
.bi-chevron-bar-expand::before {
content: ""
}
.bi-chevron-bar-left::before {
content: ""
}
.bi-chevron-bar-right::before {
content: ""
}
.bi-chevron-bar-up::before {
content: ""
}
.bi-chevron-compact-down::before {
content: ""
}
.bi-chevron-compact-left::before {
content: ""
}
.bi-chevron-compact-right::before {
content: ""
}
.bi-chevron-compact-up::before {
content: ""
}
.bi-chevron-contract::before {
content: ""
}
.bi-chevron-double-down::before {
content: ""
}
.bi-chevron-double-left::before {
content: ""
}
.bi-chevron-double-right::before {
content: ""
}
.bi-chevron-double-up::before {
content: ""
}
.bi-chevron-down::before {
content: ""
}
.bi-chevron-expand::before {
content: ""
}
.bi-chevron-left::before {
content: ""
}
.bi-chevron-right::before {
content: ""
}
.bi-chevron-up::before {
content: ""
}
.bi-circle-fill::before {
content: ""
}
.bi-circle-half::before {
content: ""
}
.bi-circle-square::before {
content: ""
}
.bi-circle::before {
content: ""
}
.bi-clipboard-check::before {
content: ""
}
.bi-clipboard-data::before {
content: ""
}
.bi-clipboard-minus::before {
content: ""
}
.bi-clipboard-plus::before {
content: ""
}
.bi-clipboard-x::before {
content: ""
}
.bi-clipboard::before {
content: ""
}
.bi-clock-fill::before {
content: ""
}
.bi-clock-history::before {
content: ""
}
.bi-clock::before {
content: ""
}
.bi-cloud-arrow-down-fill::before {
content: ""
}
.bi-cloud-arrow-down::before {
content: ""
}
.bi-cloud-arrow-up-fill::before {
content: ""
}
.bi-cloud-arrow-up::before {
content: ""
}
.bi-cloud-check-fill::before {
content: ""
}
.bi-cloud-check::before {
content: ""
}
.bi-cloud-download-fill::before {
content: ""
}
.bi-cloud-download::before {
content: ""
}
.bi-cloud-drizzle-fill::before {
content: ""
}
.bi-cloud-drizzle::before {
content: ""
}
.bi-cloud-fill::before {
content: ""
}
.bi-cloud-fog-fill::before {
content: ""
}
.bi-cloud-fog::before {
content: ""
}
.bi-cloud-fog2-fill::before {
content: ""
}
.bi-cloud-fog2::before {
content: ""
}
.bi-cloud-hail-fill::before {
content: ""
}
.bi-cloud-hail::before {
content: ""
}
.bi-cloud-haze-fill::before {
content: ""
}
.bi-cloud-haze::before {
content: ""
}
.bi-cloud-haze2-fill::before {
content: ""
}
.bi-cloud-lightning-fill::before {
content: ""
}
.bi-cloud-lightning-rain-fill::before {
content: ""
}
.bi-cloud-lightning-rain::before {
content: ""
}
.bi-cloud-lightning::before {
content: ""
}
.bi-cloud-minus-fill::before {
content: ""
}
.bi-cloud-minus::before {
content: ""
}
.bi-cloud-moon-fill::before {
content: ""
}
.bi-cloud-moon::before {
content: ""
}
.bi-cloud-plus-fill::before {
content: ""
}
.bi-cloud-plus::before {
content: ""
}
.bi-cloud-rain-fill::before {
content: ""
}
.bi-cloud-rain-heavy-fill::before {
content: ""
}
.bi-cloud-rain-heavy::before {
content: ""
}
.bi-cloud-rain::before {
content: ""
}
.bi-cloud-slash-fill::before {
content: ""
}
.bi-cloud-slash::before {
content: ""
}
.bi-cloud-sleet-fill::before {
content: ""
}
.bi-cloud-sleet::before {
content: ""
}
.bi-cloud-snow-fill::before {
content: ""
}
.bi-cloud-snow::before {
content: ""
}
.bi-cloud-sun-fill::before {
content: ""
}
.bi-cloud-sun::before {
content: ""
}
.bi-cloud-upload-fill::before {
content: ""
}
.bi-cloud-upload::before {
content: ""
}
.bi-cloud::before {
content: ""
}
.bi-clouds-fill::before {
content: ""
}
.bi-clouds::before {
content: ""
}
.bi-cloudy-fill::before {
content: ""
}
.bi-cloudy::before {
content: ""
}
.bi-code-slash::before {
content: ""
}
.bi-code-square::before {
content: ""
}
.bi-code::before {
content: ""
}
.bi-collection-fill::before {
content: ""
}
.bi-collection-play-fill::before {
content: ""
}
.bi-collection-play::before {
content: ""
}
.bi-collection::before {
content: ""
}
.bi-columns-gap::before {
content: ""
}
.bi-columns::before {
content: ""
}
.bi-command::before {
content: ""
}
.bi-compass-fill::before {
content: ""
}
.bi-compass::before {
content: ""
}
.bi-cone-striped::before {
content: ""
}
.bi-cone::before {
content: ""
}
.bi-controller::before {
content: ""
}
.bi-cpu-fill::before {
content: ""
}
.bi-cpu::before {
content: ""
}
.bi-credit-card-2-back-fill::before {
content: ""
}
.bi-credit-card-2-back::before {
content: ""
}
.bi-credit-card-2-front-fill::before {
content: ""
}
.bi-credit-card-2-front::before {
content: ""
}
.bi-credit-card-fill::before {
content: ""
}
.bi-credit-card::before {
content: ""
}
.bi-crop::before {
content: ""
}
.bi-cup-fill::before {
content: ""
}
.bi-cup-straw::before {
content: ""
}
.bi-cup::before {
content: ""
}
.bi-cursor-fill::before {
content: ""
}
.bi-cursor-text::before {
content: ""
}
.bi-cursor::before {
content: ""
}
.bi-dash-circle-dotted::before {
content: ""
}
.bi-dash-circle-fill::before {
content: ""
}
.bi-dash-circle::before {
content: ""
}
.bi-dash-square-dotted::before {
content: ""
}
.bi-dash-square-fill::before {
content: ""
}
.bi-dash-square::before {
content: ""
}
.bi-dash::before {
content: ""
}
.bi-diagram-2-fill::before {
content: ""
}
.bi-diagram-2::before {
content: ""
}
.bi-diagram-3-fill::before {
content: ""
}
.bi-diagram-3::before {
content: ""
}
.bi-diamond-fill::before {
content: ""
}
.bi-diamond-half::before {
content: ""
}
.bi-diamond::before {
content: ""
}
.bi-dice-1-fill::before {
content: ""
}
.bi-dice-1::before {
content: ""
}
.bi-dice-2-fill::before {
content: ""
}
.bi-dice-2::before {
content: ""
}
.bi-dice-3-fill::before {
content: ""
}
.bi-dice-3::before {
content: ""
}
.bi-dice-4-fill::before {
content: ""
}
.bi-dice-4::before {
content: ""
}
.bi-dice-5-fill::before {
content: ""
}
.bi-dice-5::before {
content: ""
}
.bi-dice-6-fill::before {
content: ""
}
.bi-dice-6::before {
content: ""
}
.bi-disc-fill::before {
content: ""
}
.bi-disc::before {
content: ""
}
.bi-discord::before {
content: ""
}
.bi-display-fill::before {
content: ""
}
.bi-display::before {
content: ""
}
.bi-distribute-horizontal::before {
content: ""
}
.bi-distribute-vertical::before {
content: ""
}
.bi-door-closed-fill::before {
content: ""
}
.bi-door-closed::before {
content: ""
}
.bi-door-open-fill::before {
content: ""
}
.bi-door-open::before {
content: ""
}
.bi-dot::before {
content: ""
}
.bi-download::before {
content: ""
}
.bi-droplet-fill::before {
content: ""
}
.bi-droplet-half::before {
content: ""
}
.bi-droplet::before {
content: ""
}
.bi-earbuds::before {
content: ""
}
.bi-easel-fill::before {
content: ""
}
.bi-easel::before {
content: ""
}
.bi-egg-fill::before {
content: ""
}
.bi-egg-fried::before {
content: ""
}
.bi-egg::before {
content: ""
}
.bi-eject-fill::before {
content: ""
}
.bi-eject::before {
content: ""
}
.bi-emoji-angry-fill::before {
content: ""
}
.bi-emoji-angry::before {
content: ""
}
.bi-emoji-dizzy-fill::before {
content: ""
}
.bi-emoji-dizzy::before {
content: ""
}
.bi-emoji-expressionless-fill::before {
content: ""
}
.bi-emoji-expressionless::before {
content: ""
}
.bi-emoji-frown-fill::before {
content: ""
}
.bi-emoji-frown::before {
content: ""
}
.bi-emoji-heart-eyes-fill::before {
content: ""
}
.bi-emoji-heart-eyes::before {
content: ""
}
.bi-emoji-laughing-fill::before {
content: ""
}
.bi-emoji-laughing::before {
content: ""
}
.bi-emoji-neutral-fill::before {
content: ""
}
.bi-emoji-neutral::before {
content: ""
}
.bi-emoji-smile-fill::before {
content: ""
}
.bi-emoji-smile-upside-down-fill::before {
content: ""
}
.bi-emoji-smile-upside-down::before {
content: ""
}
.bi-emoji-smile::before {
content: ""
}
.bi-emoji-sunglasses-fill::before {
content: ""
}
.bi-emoji-sunglasses::before {
content: ""
}
.bi-emoji-wink-fill::before {
content: ""
}
.bi-emoji-wink::before {
content: ""
}
.bi-envelope-fill::before {
content: ""
}
.bi-envelope-open-fill::before {
content: ""
}
.bi-envelope-open::before {
content: ""
}
.bi-envelope::before {
content: ""
}
.bi-eraser-fill::before {
content: ""
}
.bi-eraser::before {
content: ""
}
.bi-exclamation-circle-fill::before {
content: ""
}
.bi-exclamation-circle::before {
content: ""
}
.bi-exclamation-diamond-fill::before {
content: ""
}
.bi-exclamation-diamond::before {
content: ""
}
.bi-exclamation-octagon-fill::before {
content: ""
}
.bi-exclamation-octagon::before {
content: ""
}
.bi-exclamation-square-fill::before {
content: ""
}
.bi-exclamation-square::before {
content: ""
}
.bi-exclamation-triangle-fill::before {
content: ""
}
.bi-exclamation-triangle::before {
content: ""
}
.bi-exclamation::before {
content: ""
}
.bi-exclude::before {
content: ""
}
.bi-eye-fill::before {
content: ""
}
.bi-eye-slash-fill::before {
content: ""
}
.bi-eye-slash::before {
content: ""
}
.bi-eye::before {
content: ""
}
.bi-eyedropper::before {
content: ""
}
.bi-eyeglasses::before {
content: ""
}
.bi-facebook::before {
content: ""
}
.bi-file-arrow-down-fill::before {
content: ""
}
.bi-file-arrow-down::before {
content: ""
}
.bi-file-arrow-up-fill::before {
content: ""
}
.bi-file-arrow-up::before {
content: ""
}
.bi-file-bar-graph-fill::before {
content: ""
}
.bi-file-bar-graph::before {
content: ""
}
.bi-file-binary-fill::before {
content: ""
}
.bi-file-binary::before {
content: ""
}
.bi-file-break-fill::before {
content: ""
}
.bi-file-break::before {
content: ""
}
.bi-file-check-fill::before {
content: ""
}
.bi-file-check::before {
content: ""
}
.bi-file-code-fill::before {
content: ""
}
.bi-file-code::before {
content: ""
}
.bi-file-diff-fill::before {
content: ""
}
.bi-file-diff::before {
content: ""
}
.bi-file-earmark-arrow-down-fill::before {
content: ""
}
.bi-file-earmark-arrow-down::before {
content: ""
}
.bi-file-earmark-arrow-up-fill::before {
content: ""
}
.bi-file-earmark-arrow-up::before {
content: ""
}
.bi-file-earmark-bar-graph-fill::before {
content: ""
}
.bi-file-earmark-bar-graph::before {
content: ""
}
.bi-file-earmark-binary-fill::before {
content: ""
}
.bi-file-earmark-binary::before {
content: ""
}
.bi-file-earmark-break-fill::before {
content: ""
}
.bi-file-earmark-break::before {
content: ""
}
.bi-file-earmark-check-fill::before {
content: ""
}
.bi-file-earmark-check::before {
content: ""
}
.bi-file-earmark-code-fill::before {
content: ""
}
.bi-file-earmark-code::before {
content: ""
}
.bi-file-earmark-diff-fill::before {
content: ""
}
.bi-file-earmark-diff::before {
content: ""
}
.bi-file-earmark-easel-fill::before {
content: ""
}
.bi-file-earmark-easel::before {
content: ""
}
.bi-file-earmark-excel-fill::before {
content: ""
}
.bi-file-earmark-excel::before {
content: ""
}
.bi-file-earmark-fill::before {
content: ""
}
.bi-file-earmark-font-fill::before {
content: ""
}
.bi-file-earmark-font::before {
content: ""
}
.bi-file-earmark-image-fill::before {
content: ""
}
.bi-file-earmark-image::before {
content: ""
}
.bi-file-earmark-lock-fill::before {
content: ""
}
.bi-file-earmark-lock::before {
content: ""
}
.bi-file-earmark-lock2-fill::before {
content: ""
}
.bi-file-earmark-lock2::before {
content: ""
}
.bi-file-earmark-medical-fill::before {
content: ""
}
.bi-file-earmark-medical::before {
content: ""
}
.bi-file-earmark-minus-fill::before {
content: ""
}
.bi-file-earmark-minus::before {
content: ""
}
.bi-file-earmark-music-fill::before {
content: ""
}
.bi-file-earmark-music::before {
content: ""
}
.bi-file-earmark-person-fill::before {
content: ""
}
.bi-file-earmark-person::before {
content: ""
}
.bi-file-earmark-play-fill::before {
content: ""
}
.bi-file-earmark-play::before {
content: ""
}
.bi-file-earmark-plus-fill::before {
content: ""
}
.bi-file-earmark-plus::before {
content: ""
}
.bi-file-earmark-post-fill::before {
content: ""
}
.bi-file-earmark-post::before {
content: ""
}
.bi-file-earmark-ppt-fill::before {
content: ""
}
.bi-file-earmark-ppt::before {
content: ""
}
.bi-file-earmark-richtext-fill::before {
content: ""
}
.bi-file-earmark-richtext::before {
content: ""
}
.bi-file-earmark-ruled-fill::before {
content: ""
}
.bi-file-earmark-ruled::before {
content: ""
}
.bi-file-earmark-slides-fill::before {
content: ""
}
.bi-file-earmark-slides::before {
content: ""
}
.bi-file-earmark-spreadsheet-fill::before {
content: ""
}
.bi-file-earmark-spreadsheet::before {
content: ""
}
.bi-file-earmark-text-fill::before {
content: ""
}
.bi-file-earmark-text::before {
content: ""
}
.bi-file-earmark-word-fill::before {
content: ""
}
.bi-file-earmark-word::before {
content: ""
}
.bi-file-earmark-x-fill::before {
content: ""
}
.bi-file-earmark-x::before {
content: ""
}
.bi-file-earmark-zip-fill::before {
content: ""
}
.bi-file-earmark-zip::before {
content: ""
}
.bi-file-earmark::before {
content: ""
}
.bi-file-easel-fill::before {
content: ""
}
.bi-file-easel::before {
content: ""
}
.bi-file-excel-fill::before {
content: ""
}
.bi-file-excel::before {
content: ""
}
.bi-file-fill::before {
content: ""
}
.bi-file-font-fill::before {
content: ""
}
.bi-file-font::before {
content: ""
}
.bi-file-image-fill::before {
content: ""
}
.bi-file-image::before {
content: ""
}
.bi-file-lock-fill::before {
content: ""
}
.bi-file-lock::before {
content: ""
}
.bi-file-lock2-fill::before {
content: ""
}
.bi-file-lock2::before {
content: ""
}
.bi-file-medical-fill::before {
content: ""
}
.bi-file-medical::before {
content: ""
}
.bi-file-minus-fill::before {
content: ""
}
.bi-file-minus::before {
content: ""
}
.bi-file-music-fill::before {
content: ""
}
.bi-file-music::before {
content: ""
}
.bi-file-person-fill::before {
content: ""
}
.bi-file-person::before {
content: ""
}
.bi-file-play-fill::before {
content: ""
}
.bi-file-play::before {
content: ""
}
.bi-file-plus-fill::before {
content: ""
}
.bi-file-plus::before {
content: ""
}
.bi-file-post-fill::before {
content: ""
}
.bi-file-post::before {
content: ""
}
.bi-file-ppt-fill::before {
content: ""
}
.bi-file-ppt::before {
content: ""
}
.bi-file-richtext-fill::before {
content: ""
}
.bi-file-richtext::before {
content: ""
}
.bi-file-ruled-fill::before {
content: ""
}
.bi-file-ruled::before {
content: ""
}
.bi-file-slides-fill::before {
content: ""
}
.bi-file-slides::before {
content: ""
}
.bi-file-spreadsheet-fill::before {
content: ""
}
.bi-file-spreadsheet::before {
content: ""
}
.bi-file-text-fill::before {
content: ""
}
.bi-file-text::before {
content: ""
}
.bi-file-word-fill::before {
content: ""
}
.bi-file-word::before {
content: ""
}
.bi-file-x-fill::before {
content: ""
}
.bi-file-x::before {
content: ""
}
.bi-file-zip-fill::before {
content: ""
}
.bi-file-zip::before {
content: ""
}
.bi-file::before {
content: ""
}
.bi-files-alt::before {
content: ""
}
.bi-files::before {
content: ""
}
.bi-film::before {
content: ""
}
.bi-filter-circle-fill::before {
content: ""
}
.bi-filter-circle::before {
content: ""
}
.bi-filter-left::before {
content: ""
}
.bi-filter-right::before {
content: ""
}
.bi-filter-square-fill::before {
content: ""
}
.bi-filter-square::before {
content: ""
}
.bi-filter::before {
content: ""
}
.bi-flag-fill::before {
content: ""
}
.bi-flag::before {
content: ""
}
.bi-flower1::before {
content: ""
}
.bi-flower2::before {
content: ""
}
.bi-flower3::before {
content: ""
}
.bi-folder-check::before {
content: ""
}
.bi-folder-fill::before {
content: ""
}
.bi-folder-minus::before {
content: ""
}
.bi-folder-plus::before {
content: ""
}
.bi-folder-symlink-fill::before {
content: ""
}
.bi-folder-symlink::before {
content: ""
}
.bi-folder-x::before {
content: ""
}
.bi-folder::before {
content: ""
}
.bi-folder2-open::before {
content: ""
}
.bi-folder2::before {
content: ""
}
.bi-fonts::before {
content: ""
}
.bi-forward-fill::before {
content: ""
}
.bi-forward::before {
content: ""
}
.bi-front::before {
content: ""
}
.bi-fullscreen-exit::before {
content: ""
}
.bi-fullscreen::before {
content: ""
}
.bi-funnel-fill::before {
content: ""
}
.bi-funnel::before {
content: ""
}
.bi-gear-fill::before {
content: ""
}
.bi-gear-wide-connected::before {
content: ""
}
.bi-gear-wide::before {
content: ""
}
.bi-gear::before {
content: ""
}
.bi-gem::before {
content: ""
}
.bi-geo-alt-fill::before {
content: ""
}
.bi-geo-alt::before {
content: ""
}
.bi-geo-fill::before {
content: ""
}
.bi-geo::before {
content: ""
}
.bi-gift-fill::before {
content: ""
}
.bi-gift::before {
content: ""
}
.bi-github::before {
content: ""
}
.bi-globe::before {
content: ""
}
.bi-globe2::before {
content: ""
}
.bi-google::before {
content: ""
}
.bi-graph-down::before {
content: ""
}
.bi-graph-up::before {
content: ""
}
.bi-grid-1x2-fill::before {
content: ""
}
.bi-grid-1x2::before {
content: ""
}
.bi-grid-3x2-gap-fill::before {
content: ""
}
.bi-grid-3x2-gap::before {
content: ""
}
.bi-grid-3x2::before {
content: ""
}
.bi-grid-3x3-gap-fill::before {
content: ""
}
.bi-grid-3x3-gap::before {
content: ""
}
.bi-grid-3x3::before {
content: ""
}
.bi-grid-fill::before {
content: ""
}
.bi-grid::before {
content: ""
}
.bi-grip-horizontal::before {
content: ""
}
.bi-grip-vertical::before {
content: ""
}
.bi-hammer::before {
content: ""
}
.bi-hand-index-fill::before {
content: ""
}
.bi-hand-index-thumb-fill::before {
content: ""
}
.bi-hand-index-thumb::before {
content: ""
}
.bi-hand-index::before {
content: ""
}
.bi-hand-thumbs-down-fill::before {
content: ""
}
.bi-hand-thumbs-down::before {
content: ""
}
.bi-hand-thumbs-up-fill::before {
content: ""
}
.bi-hand-thumbs-up::before {
content: ""
}
.bi-handbag-fill::before {
content: ""
}
.bi-handbag::before {
content: ""
}
.bi-hash::before {
content: ""
}
.bi-hdd-fill::before {
content: ""
}
.bi-hdd-network-fill::before {
content: ""
}
.bi-hdd-network::before {
content: ""
}
.bi-hdd-rack-fill::before {
content: ""
}
.bi-hdd-rack::before {
content: ""
}
.bi-hdd-stack-fill::before {
content: ""
}
.bi-hdd-stack::before {
content: ""
}
.bi-hdd::before {
content: ""
}
.bi-headphones::before {
content: ""
}
.bi-headset::before {
content: ""
}
.bi-heart-fill::before {
content: ""
}
.bi-heart-half::before {
content: ""
}
.bi-heart::before {
content: ""
}
.bi-heptagon-fill::before {
content: ""
}
.bi-heptagon-half::before {
content: ""
}
.bi-heptagon::before {
content: ""
}
.bi-hexagon-fill::before {
content: ""
}
.bi-hexagon-half::before {
content: ""
}
.bi-hexagon::before {
content: ""
}
.bi-hourglass-bottom::before {
content: ""
}
.bi-hourglass-split::before {
content: ""
}
.bi-hourglass-top::before {
content: ""
}
.bi-hourglass::before {
content: ""
}
.bi-house-door-fill::before {
content: ""
}
.bi-house-door::before {
content: ""
}
.bi-house-fill::before {
content: ""
}
.bi-house::before {
content: ""
}
.bi-hr::before {
content: ""
}
.bi-hurricane::before {
content: ""
}
.bi-image-alt::before {
content: ""
}
.bi-image-fill::before {
content: ""
}
.bi-image::before {
content: ""
}
.bi-images::before {
content: ""
}
.bi-inbox-fill::before {
content: ""
}
.bi-inbox::before {
content: ""
}
.bi-inboxes-fill::before {
content: ""
}
.bi-inboxes::before {
content: ""
}
.bi-info-circle-fill::before {
content: ""
}
.bi-info-circle::before {
content: ""
}
.bi-info-square-fill::before {
content: ""
}
.bi-info-square::before {
content: ""
}
.bi-info::before {
content: ""
}
.bi-input-cursor-text::before {
content: ""
}
.bi-input-cursor::before {
content: ""
}
.bi-instagram::before {
content: ""
}
.bi-intersect::before {
content: ""
}
.bi-journal-album::before {
content: ""
}
.bi-journal-arrow-down::before {
content: ""
}
.bi-journal-arrow-up::before {
content: ""
}
.bi-journal-bookmark-fill::before {
content: ""
}
.bi-journal-bookmark::before {
content: ""
}
.bi-journal-check::before {
content: ""
}
.bi-journal-code::before {
content: ""
}
.bi-journal-medical::before {
content: ""
}
.bi-journal-minus::before {
content: ""
}
.bi-journal-plus::before {
content: ""
}
.bi-journal-richtext::before {
content: ""
}
.bi-journal-text::before {
content: ""
}
.bi-journal-x::before {
content: ""
}
.bi-journal::before {
content: ""
}
.bi-journals::before {
content: ""
}
.bi-joystick::before {
content: ""
}
.bi-justify-left::before {
content: ""
}
.bi-justify-right::before {
content: ""
}
.bi-justify::before {
content: ""
}
.bi-kanban-fill::before {
content: ""
}
.bi-kanban::before {
content: ""
}
.bi-key-fill::before {
content: ""
}
.bi-key::before {
content: ""
}
.bi-keyboard-fill::before {
content: ""
}
.bi-keyboard::before {
content: ""
}
.bi-ladder::before {
content: ""
}
.bi-lamp-fill::before {
content: ""
}
.bi-lamp::before {
content: ""
}
.bi-laptop-fill::before {
content: ""
}
.bi-laptop::before {
content: ""
}
.bi-layer-backward::before {
content: ""
}
.bi-layer-forward::before {
content: ""
}
.bi-layers-fill::before {
content: ""
}
.bi-layers-half::before {
content: ""
}
.bi-layers::before {
content: ""
}
.bi-layout-sidebar-inset-reverse::before {
content: ""
}
.bi-layout-sidebar-inset::before {
content: ""
}
.bi-layout-sidebar-reverse::before {
content: ""
}
.bi-layout-sidebar::before {
content: ""
}
.bi-layout-split::before {
content: ""
}
.bi-layout-text-sidebar-reverse::before {
content: ""
}
.bi-layout-text-sidebar::before {
content: ""
}
.bi-layout-text-window-reverse::before {
content: ""
}
.bi-layout-text-window::before {
content: ""
}
.bi-layout-three-columns::before {
content: ""
}
.bi-layout-wtf::before {
content: ""
}
.bi-life-preserver::before {
content: ""
}
.bi-lightbulb-fill::before {
content: ""
}
.bi-lightbulb-off-fill::before {
content: ""
}
.bi-lightbulb-off::before {
content: ""
}
.bi-lightbulb::before {
content: ""
}
.bi-lightning-charge-fill::before {
content: ""
}
.bi-lightning-charge::before {
content: ""
}
.bi-lightning-fill::before {
content: ""
}
.bi-lightning::before {
content: ""
}
.bi-link-45deg::before {
content: ""
}
.bi-link::before {
content: ""
}
.bi-linkedin::before {
content: ""
}
.bi-list-check::before {
content: ""
}
.bi-list-nested::before {
content: ""
}
.bi-list-ol::before {
content: ""
}
.bi-list-stars::before {
content: ""
}
.bi-list-task::before {
content: ""
}
.bi-list-ul::before {
content: ""
}
.bi-list::before {
content: ""
}
.bi-lock-fill::before {
content: ""
}
.bi-lock::before {
content: ""
}
.bi-mailbox::before {
content: ""
}
.bi-mailbox2::before {
content: ""
}
.bi-map-fill::before {
content: ""
}
.bi-map::before {
content: ""
}
.bi-markdown-fill::before {
content: ""
}
.bi-markdown::before {
content: ""
}
.bi-mask::before {
content: ""
}
.bi-megaphone-fill::before {
content: ""
}
.bi-megaphone::before {
content: ""
}
.bi-menu-app-fill::before {
content: ""
}
.bi-menu-app::before {
content: ""
}
.bi-menu-button-fill::before {
content: ""
}
.bi-menu-button-wide-fill::before {
content: ""
}
.bi-menu-button-wide::before {
content: ""
}
.bi-menu-button::before {
content: ""
}
.bi-menu-down::before {
content: ""
}
.bi-menu-up::before {
content: ""
}
.bi-mic-fill::before {
content: ""
}
.bi-mic-mute-fill::before {
content: ""
}
.bi-mic-mute::before {
content: ""
}
.bi-mic::before {
content: ""
}
.bi-minecart-loaded::before {
content: ""
}
.bi-minecart::before {
content: ""
}
.bi-moisture::before {
content: ""
}
.bi-moon-fill::before {
content: ""
}
.bi-moon-stars-fill::before {
content: ""
}
.bi-moon-stars::before {
content: ""
}
.bi-moon::before {
content: ""
}
.bi-mouse-fill::before {
content: ""
}
.bi-mouse::before {
content: ""
}
.bi-mouse2-fill::before {
content: ""
}
.bi-mouse2::before {
content: ""
}
.bi-mouse3-fill::before {
content: ""
}
.bi-mouse3::before {
content: ""
}
.bi-music-note-beamed::before {
content: ""
}
.bi-music-note-list::before {
content: ""
}
.bi-music-note::before {
content: ""
}
.bi-music-player-fill::before {
content: ""
}
.bi-music-player::before {
content: ""
}
.bi-newspaper::before {
content: ""
}
.bi-node-minus-fill::before {
content: ""
}
.bi-node-minus::before {
content: ""
}
.bi-node-plus-fill::before {
content: ""
}
.bi-node-plus::before {
content: ""
}
.bi-nut-fill::before {
content: ""
}
.bi-nut::before {
content: ""
}
.bi-octagon-fill::before {
content: ""
}
.bi-octagon-half::before {
content: ""
}
.bi-octagon::before {
content: ""
}
.bi-option::before {
content: ""
}
.bi-outlet::before {
content: ""
}
.bi-paint-bucket::before {
content: ""
}
.bi-palette-fill::before {
content: ""
}
.bi-palette::before {
content: ""
}
.bi-palette2::before {
content: ""
}
.bi-paperclip::before {
content: ""
}
.bi-paragraph::before {
content: ""
}
.bi-patch-check-fill::before {
content: ""
}
.bi-patch-check::before {
content: ""
}
.bi-patch-exclamation-fill::before {
content: ""
}
.bi-patch-exclamation::before {
content: ""
}
.bi-patch-minus-fill::before {
content: ""
}
.bi-patch-minus::before {
content: ""
}
.bi-patch-plus-fill::before {
content: ""
}
.bi-patch-plus::before {
content: ""
}
.bi-patch-question-fill::before {
content: ""
}
.bi-patch-question::before {
content: ""
}
.bi-pause-btn-fill::before {
content: ""
}
.bi-pause-btn::before {
content: ""
}
.bi-pause-circle-fill::before {
content: ""
}
.bi-pause-circle::before {
content: ""
}
.bi-pause-fill::before {
content: ""
}
.bi-pause::before {
content: ""
}
.bi-peace-fill::before {
content: ""
}
.bi-peace::before {
content: ""
}
.bi-pen-fill::before {
content: ""
}
.bi-pen::before {
content: ""
}
.bi-pencil-fill::before {
content: ""
}
.bi-pencil-square::before {
content: ""
}
.bi-pencil::before {
content: ""
}
.bi-pentagon-fill::before {
content: ""
}
.bi-pentagon-half::before {
content: ""
}
.bi-pentagon::before {
content: ""
}
.bi-people-fill::before {
content: ""
}
.bi-people::before {
content: ""
}
.bi-percent::before {
content: ""
}
.bi-person-badge-fill::before {
content: ""
}
.bi-person-badge::before {
content: ""
}
.bi-person-bounding-box::before {
content: ""
}
.bi-person-check-fill::before {
content: ""
}
.bi-person-check::before {
content: ""
}
.bi-person-circle::before {
content: ""
}
.bi-person-dash-fill::before {
content: ""
}
.bi-person-dash::before {
content: ""
}
.bi-person-fill::before {
content: ""
}
.bi-person-lines-fill::before {
content: ""
}
.bi-person-plus-fill::before {
content: ""
}
.bi-person-plus::before {
content: ""
}
.bi-person-square::before {
content: ""
}
.bi-person-x-fill::before {
content: ""
}
.bi-person-x::before {
content: ""
}
.bi-person::before {
content: ""
}
.bi-phone-fill::before {
content: ""
}
.bi-phone-landscape-fill::before {
content: ""
}
.bi-phone-landscape::before {
content: ""
}
.bi-phone-vibrate-fill::before {
content: ""
}
.bi-phone-vibrate::before {
content: ""
}
.bi-phone::before {
content: ""
}
.bi-pie-chart-fill::before {
content: ""
}
.bi-pie-chart::before {
content: ""
}
.bi-pin-angle-fill::before {
content: ""
}
.bi-pin-angle::before {
content: ""
}
.bi-pin-fill::before {
content: ""
}
.bi-pin::before {
content: ""
}
.bi-pip-fill::before {
content: ""
}
.bi-pip::before {
content: ""
}
.bi-play-btn-fill::before {
content: ""
}
.bi-play-btn::before {
content: ""
}
.bi-play-circle-fill::before {
content: ""
}
.bi-play-circle::before {
content: ""
}
.bi-play-fill::before {
content: ""
}
.bi-play::before {
content: ""
}
.bi-plug-fill::before {
content: ""
}
.bi-plug::before {
content: ""
}
.bi-plus-circle-dotted::before {
content: ""
}
.bi-plus-circle-fill::before {
content: ""
}
.bi-plus-circle::before {
content: ""
}
.bi-plus-square-dotted::before {
content: ""
}
.bi-plus-square-fill::before {
content: ""
}
.bi-plus-square::before {
content: ""
}
.bi-plus::before {
content: ""
}
.bi-power::before {
content: ""
}
.bi-printer-fill::before {
content: ""
}
.bi-printer::before {
content: ""
}
.bi-puzzle-fill::before {
content: ""
}
.bi-puzzle::before {
content: ""
}
.bi-question-circle-fill::before {
content: ""
}
.bi-question-circle::before {
content: ""
}
.bi-question-diamond-fill::before {
content: ""
}
.bi-question-diamond::before {
content: ""
}
.bi-question-octagon-fill::before {
content: ""
}
.bi-question-octagon::before {
content: ""
}
.bi-question-square-fill::before {
content: ""
}
.bi-question-square::before {
content: ""
}
.bi-question::before {
content: ""
}
.bi-rainbow::before {
content: ""
}
.bi-receipt-cutoff::before {
content: ""
}
.bi-receipt::before {
content: ""
}
.bi-reception-0::before {
content: ""
}
.bi-reception-1::before {
content: ""
}
.bi-reception-2::before {
content: ""
}
.bi-reception-3::before {
content: ""
}
.bi-reception-4::before {
content: ""
}
.bi-record-btn-fill::before {
content: ""
}
.bi-record-btn::before {
content: ""
}
.bi-record-circle-fill::before {
content: ""
}
.bi-record-circle::before {
content: ""
}
.bi-record-fill::before {
content: ""
}
.bi-record::before {
content: ""
}
.bi-record2-fill::before {
content: ""
}
.bi-record2::before {
content: ""
}
.bi-reply-all-fill::before {
content: ""
}
.bi-reply-all::before {
content: ""
}
.bi-reply-fill::before {
content: ""
}
.bi-reply::before {
content: ""
}
.bi-rss-fill::before {
content: ""
}
.bi-rss::before {
content: ""
}
.bi-rulers::before {
content: ""
}
.bi-save-fill::before {
content: ""
}
.bi-save::before {
content: ""
}
.bi-save2-fill::before {
content: ""
}
.bi-save2::before {
content: ""
}
.bi-scissors::before {
content: ""
}
.bi-screwdriver::before {
content: ""
}
.bi-search::before {
content: ""
}
.bi-segmented-nav::before {
content: ""
}
.bi-server::before {
content: ""
}
.bi-share-fill::before {
content: ""
}
.bi-share::before {
content: ""
}
.bi-shield-check::before {
content: ""
}
.bi-shield-exclamation::before {
content: ""
}
.bi-shield-fill-check::before {
content: ""
}
.bi-shield-fill-exclamation::before {
content: ""
}
.bi-shield-fill-minus::before {
content: ""
}
.bi-shield-fill-plus::before {
content: ""
}
.bi-shield-fill-x::before {
content: ""
}
.bi-shield-fill::before {
content: ""
}
.bi-shield-lock-fill::before {
content: ""
}
.bi-shield-lock::before {
content: ""
}
.bi-shield-minus::before {
content: ""
}
.bi-shield-plus::before {
content: ""
}
.bi-shield-shaded::before {
content: ""
}
.bi-shield-slash-fill::before {
content: ""
}
.bi-shield-slash::before {
content: ""
}
.bi-shield-x::before {
content: ""
}
.bi-shield::before {
content: ""
}
.bi-shift-fill::before {
content: ""
}
.bi-shift::before {
content: ""
}
.bi-shop-window::before {
content: ""
}
.bi-shop::before {
content: ""
}
.bi-shuffle::before {
content: ""
}
.bi-signpost-2-fill::before {
content: ""
}
.bi-signpost-2::before {
content: ""
}
.bi-signpost-fill::before {
content: ""
}
.bi-signpost-split-fill::before {
content: ""
}
.bi-signpost-split::before {
content: ""
}
.bi-signpost::before {
content: ""
}
.bi-sim-fill::before {
content: ""
}
.bi-sim::before {
content: ""
}
.bi-skip-backward-btn-fill::before {
content: ""
}
.bi-skip-backward-btn::before {
content: ""
}
.bi-skip-backward-circle-fill::before {
content: ""
}
.bi-skip-backward-circle::before {
content: ""
}
.bi-skip-backward-fill::before {
content: ""
}
.bi-skip-backward::before {
content: ""
}
.bi-skip-end-btn-fill::before {
content: ""
}
.bi-skip-end-btn::before {
content: ""
}
.bi-skip-end-circle-fill::before {
content: ""
}
.bi-skip-end-circle::before {
content: ""
}
.bi-skip-end-fill::before {
content: ""
}
.bi-skip-end::before {
content: ""
}
.bi-skip-forward-btn-fill::before {
content: ""
}
.bi-skip-forward-btn::before {
content: ""
}
.bi-skip-forward-circle-fill::before {
content: ""
}
.bi-skip-forward-circle::before {
content: ""
}
.bi-skip-forward-fill::before {
content: ""
}
.bi-skip-forward::before {
content: ""
}
.bi-skip-start-btn-fill::before {
content: ""
}
.bi-skip-start-btn::before {
content: ""
}
.bi-skip-start-circle-fill::before {
content: ""
}
.bi-skip-start-circle::before {
content: ""
}
.bi-skip-start-fill::before {
content: ""
}
.bi-skip-start::before {
content: ""
}
.bi-slack::before {
content: ""
}
.bi-slash-circle-fill::before {
content: ""
}
.bi-slash-circle::before {
content: ""
}
.bi-slash-square-fill::before {
content: ""
}
.bi-slash-square::before {
content: ""
}
.bi-slash::before {
content: ""
}
.bi-sliders::before {
content: ""
}
.bi-smartwatch::before {
content: ""
}
.bi-snow::before {
content: ""
}
.bi-snow2::before {
content: ""
}
.bi-snow3::before {
content: ""
}
.bi-sort-alpha-down-alt::before {
content: ""
}
.bi-sort-alpha-down::before {
content: ""
}
.bi-sort-alpha-up-alt::before {
content: ""
}
.bi-sort-alpha-up::before {
content: ""
}
.bi-sort-down-alt::before {
content: ""
}
.bi-sort-down::before {
content: ""
}
.bi-sort-numeric-down-alt::before {
content: ""
}
.bi-sort-numeric-down::before {
content: ""
}
.bi-sort-numeric-up-alt::before {
content: ""
}
.bi-sort-numeric-up::before {
content: ""
}
.bi-sort-up-alt::before {
content: ""
}
.bi-sort-up::before {
content: ""
}
.bi-soundwave::before {
content: ""
}
.bi-speaker-fill::before {
content: ""
}
.bi-speaker::before {
content: ""
}
.bi-speedometer::before {
content: ""
}
.bi-speedometer2::before {
content: ""
}
.bi-spellcheck::before {
content: ""
}
.bi-square-fill::before {
content: ""
}
.bi-square-half::before {
content: ""
}
.bi-square::before {
content: ""
}
.bi-stack::before {
content: ""
}
.bi-star-fill::before {
content: ""
}
.bi-star-half::before {
content: ""
}
.bi-star::before {
content: ""
}
.bi-stars::before {
content: ""
}
.bi-stickies-fill::before {
content: ""
}
.bi-stickies::before {
content: ""
}
.bi-sticky-fill::before {
content: ""
}
.bi-sticky::before {
content: ""
}
.bi-stop-btn-fill::before {
content: ""
}
.bi-stop-btn::before {
content: ""
}
.bi-stop-circle-fill::before {
content: ""
}
.bi-stop-circle::before {
content: ""
}
.bi-stop-fill::before {
content: ""
}
.bi-stop::before {
content: ""
}
.bi-stoplights-fill::before {
content: ""
}
.bi-stoplights::before {
content: ""
}
.bi-stopwatch-fill::before {
content: ""
}
.bi-stopwatch::before {
content: ""
}
.bi-subtract::before {
content: ""
}
.bi-suit-club-fill::before {
content: ""
}
.bi-suit-club::before {
content: ""
}
.bi-suit-diamond-fill::before {
content: ""
}
.bi-suit-diamond::before {
content: ""
}
.bi-suit-heart-fill::before {
content: ""
}
.bi-suit-heart::before {
content: ""
}
.bi-suit-spade-fill::before {
content: ""
}
.bi-suit-spade::before {
content: ""
}
.bi-sun-fill::before {
content: ""
}
.bi-sun::before {
content: ""
}
.bi-sunglasses::before {
content: ""
}
.bi-sunrise-fill::before {
content: ""
}
.bi-sunrise::before {
content: ""
}
.bi-sunset-fill::before {
content: ""
}
.bi-sunset::before {
content: ""
}
.bi-symmetry-horizontal::before {
content: ""
}
.bi-symmetry-vertical::before {
content: ""
}
.bi-table::before {
content: ""
}
.bi-tablet-fill::before {
content: ""
}
.bi-tablet-landscape-fill::before {
content: ""
}
.bi-tablet-landscape::before {
content: ""
}
.bi-tablet::before {
content: ""
}
.bi-tag-fill::before {
content: ""
}
.bi-tag::before {
content: ""
}
.bi-tags-fill::before {
content: ""
}
.bi-tags::before {
content: ""
}
.bi-telegram::before {
content: ""
}
.bi-telephone-fill::before {
content: ""
}
.bi-telephone-forward-fill::before {
content: ""
}
.bi-telephone-forward::before {
content: ""
}
.bi-telephone-inbound-fill::before {
content: ""
}
.bi-telephone-inbound::before {
content: ""
}
.bi-telephone-minus-fill::before {
content: ""
}
.bi-telephone-minus::before {
content: ""
}
.bi-telephone-outbound-fill::before {
content: ""
}
.bi-telephone-outbound::before {
content: ""
}
.bi-telephone-plus-fill::before {
content: ""
}
.bi-telephone-plus::before {
content: ""
}
.bi-telephone-x-fill::before {
content: ""
}
.bi-telephone-x::before {
content: ""
}
.bi-telephone::before {
content: ""
}
.bi-terminal-fill::before {
content: ""
}
.bi-terminal::before {
content: ""
}
.bi-text-center::before {
content: ""
}
.bi-text-indent-left::before {
content: ""
}
.bi-text-indent-right::before {
content: ""
}
.bi-text-left::before {
content: ""
}
.bi-text-paragraph::before {
content: ""
}
.bi-text-right::before {
content: ""
}
.bi-textarea-resize::before {
content: ""
}
.bi-textarea-t::before {
content: ""
}
.bi-textarea::before {
content: ""
}
.bi-thermometer-half::before {
content: ""
}
.bi-thermometer-high::before {
content: ""
}
.bi-thermometer-low::before {
content: ""
}
.bi-thermometer-snow::before {
content: ""
}
.bi-thermometer-sun::before {
content: ""
}
.bi-thermometer::before {
content: ""
}
.bi-three-dots-vertical::before {
content: ""
}
.bi-three-dots::before {
content: ""
}
.bi-toggle-off::before {
content: ""
}
.bi-toggle-on::before {
content: ""
}
.bi-toggle2-off::before {
content: ""
}
.bi-toggle2-on::before {
content: ""
}
.bi-toggles::before {
content: ""
}
.bi-toggles2::before {
content: ""
}
.bi-tools::before {
content: ""
}
.bi-tornado::before {
content: ""
}
.bi-trash-fill::before {
content: ""
}
.bi-trash::before {
content: ""
}
.bi-trash2-fill::before {
content: ""
}
.bi-trash2::before {
content: ""
}
.bi-tree-fill::before {
content: ""
}
.bi-tree::before {
content: ""
}
.bi-triangle-fill::before {
content: ""
}
.bi-triangle-half::before {
content: ""
}
.bi-triangle::before {
content: ""
}
.bi-trophy-fill::before {
content: ""
}
.bi-trophy::before {
content: ""
}
.bi-tropical-storm::before {
content: ""
}
.bi-truck-flatbed::before {
content: ""
}
.bi-truck::before {
content: ""
}
.bi-tsunami::before {
content: ""
}
.bi-tv-fill::before {
content: ""
}
.bi-tv::before {
content: ""
}
.bi-twitch::before {
content: ""
}
.bi-twitter::before {
content: ""
}
.bi-type-bold::before {
content: ""
}
.bi-type-h1::before {
content: ""
}
.bi-type-h2::before {
content: ""
}
.bi-type-h3::before {
content: ""
}
.bi-type-italic::before {
content: ""
}
.bi-type-strikethrough::before {
content: ""
}
.bi-type-underline::before {
content: ""
}
.bi-type::before {
content: ""
}
.bi-ui-checks-grid::before {
content: ""
}
.bi-ui-checks::before {
content: ""
}
.bi-ui-radios-grid::before {
content: ""
}
.bi-ui-radios::before {
content: ""
}
.bi-umbrella-fill::before {
content: ""
}
.bi-umbrella::before {
content: ""
}
.bi-union::before {
content: ""
}
.bi-unlock-fill::before {
content: ""
}
.bi-unlock::before {
content: ""
}
.bi-upc-scan::before {
content: ""
}
.bi-upc::before {
content: ""
}
.bi-upload::before {
content: ""
}
.bi-vector-pen::before {
content: ""
}
.bi-view-list::before {
content: ""
}
.bi-view-stacked::before {
content: ""
}
.bi-vinyl-fill::before {
content: ""
}
.bi-vinyl::before {
content: ""
}
.bi-voicemail::before {
content: ""
}
.bi-volume-down-fill::before {
content: ""
}
.bi-volume-down::before {
content: ""
}
.bi-volume-mute-fill::before {
content: ""
}
.bi-volume-mute::before {
content: ""
}
.bi-volume-off-fill::before {
content: ""
}
.bi-volume-off::before {
content: ""
}
.bi-volume-up-fill::before {
content: ""
}
.bi-volume-up::before {
content: ""
}
.bi-vr::before {
content: ""
}
.bi-wallet-fill::before {
content: ""
}
.bi-wallet::before {
content: ""
}
.bi-wallet2::before {
content: ""
}
.bi-watch::before {
content: ""
}
.bi-water::before {
content: ""
}
.bi-whatsapp::before {
content: ""
}
.bi-wifi-1::before {
content: ""
}
.bi-wifi-2::before {
content: ""
}
.bi-wifi-off::before {
content: ""
}
.bi-wifi::before {
content: ""
}
.bi-wind::before {
content: ""
}
.bi-window-dock::before {
content: ""
}
.bi-window-sidebar::before {
content: ""
}
.bi-window::before {
content: ""
}
.bi-wrench::before {
content: ""
}
.bi-x-circle-fill::before {
content: ""
}
.bi-x-circle::before {
content: ""
}
.bi-x-diamond-fill::before {
content: ""
}
.bi-x-diamond::before {
content: ""
}
.bi-x-octagon-fill::before {
content: ""
}
.bi-x-octagon::before {
content: ""
}
.bi-x-square-fill::before {
content: ""
}
.bi-x-square::before {
content: ""
}
.bi-x::before {
content: ""
}
.bi-youtube::before {
content: ""
}
.bi-zoom-in::before {
content: ""
}
.bi-zoom-out::before {
content: ""
}
.bi-bank::before {
content: ""
}
.bi-bank2::before {
content: ""
}
.bi-bell-slash-fill::before {
content: ""
}
.bi-bell-slash::before {
content: ""
}
.bi-cash-coin::before {
content: ""
}
.bi-check-lg::before {
content: ""
}
.bi-coin::before {
content: ""
}
.bi-currency-bitcoin::before {
content: ""
}
.bi-currency-dollar::before {
content: ""
}
.bi-currency-euro::before {
content: ""
}
.bi-currency-exchange::before {
content: ""
}
.bi-currency-pound::before {
content: ""
}
.bi-currency-yen::before {
content: ""
}
.bi-dash-lg::before {
content: ""
}
.bi-exclamation-lg::before {
content: ""
}
.bi-file-earmark-pdf-fill::before {
content: ""
}
.bi-file-earmark-pdf::before {
content: ""
}
.bi-file-pdf-fill::before {
content: ""
}
.bi-file-pdf::before {
content: ""
}
.bi-gender-ambiguous::before {
content: ""
}
.bi-gender-female::before {
content: ""
}
.bi-gender-male::before {
content: ""
}
.bi-gender-trans::before {
content: ""
}
.bi-headset-vr::before {
content: ""
}
.bi-info-lg::before {
content: ""
}
.bi-mastodon::before {
content: ""
}
.bi-messenger::before {
content: ""
}
.bi-piggy-bank-fill::before {
content: ""
}
.bi-piggy-bank::before {
content: ""
}
.bi-pin-map-fill::before {
content: ""
}
.bi-pin-map::before {
content: ""
}
.bi-plus-lg::before {
content: ""
}
.bi-question-lg::before {
content: ""
}
.bi-recycle::before {
content: ""
}
.bi-reddit::before {
content: ""
}
.bi-safe-fill::before {
content: ""
}
.bi-safe2-fill::before {
content: ""
}
.bi-safe2::before {
content: ""
}
.bi-sd-card-fill::before {
content: ""
}
.bi-sd-card::before {
content: ""
}
.bi-skype::before {
content: ""
}
.bi-slash-lg::before {
content: ""
}
.bi-translate::before {
content: ""
}
.bi-x-lg::before {
content: ""
}
.bi-safe::before {
content: ""
}
.bi-apple::before {
content: ""
}
.bi-microsoft::before {
content: ""
}
.bi-windows::before {
content: ""
}
.bi-behance::before {
content: ""
}
.bi-dribbble::before {
content: ""
}
.bi-line::before {
content: ""
}
.bi-medium::before {
content: ""
}
.bi-paypal::before {
content: ""
}
.bi-pinterest::before {
content: ""
}
.bi-signal::before {
content: ""
}
.bi-snapchat::before {
content: ""
}
.bi-spotify::before {
content: ""
}
.bi-stack-overflow::before {
content: ""
}
.bi-strava::before {
content: ""
}
.bi-wordpress::before {
content: ""
}
.bi-vimeo::before {
content: ""
}
.bi-activity::before {
content: ""
}
.bi-easel2-fill::before {
content: ""
}
.bi-easel2::before {
content: ""
}
.bi-easel3-fill::before {
content: ""
}
.bi-easel3::before {
content: ""
}
.bi-fan::before {
content: ""
}
.bi-fingerprint::before {
content: ""
}
.bi-graph-down-arrow::before {
content: ""
}
.bi-graph-up-arrow::before {
content: ""
}
.bi-hypnotize::before {
content: ""
}
.bi-magic::before {
content: ""
}
.bi-person-rolodex::before {
content: ""
}
.bi-person-video::before {
content: ""
}
.bi-person-video2::before {
content: ""
}
.bi-person-video3::before {
content: ""
}
.bi-person-workspace::before {
content: ""
}
.bi-radioactive::before {
content: ""
}
.bi-webcam-fill::before {
content: ""
}
.bi-webcam::before {
content: ""
}
.bi-yin-yang::before {
content: ""
}
.bi-bandaid-fill::before {
content: ""
}
.bi-bandaid::before {
content: ""
}
.bi-bluetooth::before {
content: ""
}
.bi-body-text::before {
content: ""
}
.bi-boombox::before {
content: ""
}
.bi-boxes::before {
content: ""
}
.bi-dpad-fill::before {
content: ""
}
.bi-dpad::before {
content: ""
}
.bi-ear-fill::before {
content: ""
}
.bi-ear::before {
content: ""
}
.bi-envelope-check-fill::before {
content: ""
}
.bi-envelope-check::before {
content: ""
}
.bi-envelope-dash-fill::before {
content: ""
}
.bi-envelope-dash::before {
content: ""
}
.bi-envelope-exclamation-fill::before {
content: ""
}
.bi-envelope-exclamation::before {
content: ""
}
.bi-envelope-plus-fill::before {
content: ""
}
.bi-envelope-plus::before {
content: ""
}
.bi-envelope-slash-fill::before {
content: ""
}
.bi-envelope-slash::before {
content: ""
}
.bi-envelope-x-fill::before {
content: ""
}
.bi-envelope-x::before {
content: ""
}
.bi-explicit-fill::before {
content: ""
}
.bi-explicit::before {
content: ""
}
.bi-git::before {
content: ""
}
.bi-infinity::before {
content: ""
}
.bi-list-columns-reverse::before {
content: ""
}
.bi-list-columns::before {
content: ""
}
.bi-meta::before {
content: ""
}
.bi-nintendo-switch::before {
content: ""
}
.bi-pc-display-horizontal::before {
content: ""
}
.bi-pc-display::before {
content: ""
}
.bi-pc-horizontal::before {
content: ""
}
.bi-pc::before {
content: ""
}
.bi-playstation::before {
content: ""
}
.bi-plus-slash-minus::before {
content: ""
}
.bi-projector-fill::before {
content: ""
}
.bi-projector::before {
content: ""
}
.bi-qr-code-scan::before {
content: ""
}
.bi-qr-code::before {
content: ""
}
.bi-quora::before {
content: ""
}
.bi-quote::before {
content: ""
}
.bi-robot::before {
content: ""
}
.bi-send-check-fill::before {
content: ""
}
.bi-send-check::before {
content: ""
}
.bi-send-dash-fill::before {
content: ""
}
.bi-send-dash::before {
content: ""
}
.bi-send-exclamation-fill::before {
content: ""
}
.bi-send-exclamation::before {
content: ""
}
.bi-send-fill::before {
content: ""
}
.bi-send-plus-fill::before {
content: ""
}
.bi-send-plus::before {
content: ""
}
.bi-send-slash-fill::before {
content: ""
}
.bi-send-slash::before {
content: ""
}
.bi-send-x-fill::before {
content: ""
}
.bi-send-x::before {
content: ""
}
.bi-send::before {
content: ""
}
.bi-steam::before {
content: ""
}
.bi-terminal-dash::before {
content: ""
}
.bi-terminal-plus::before {
content: ""
}
.bi-terminal-split::before {
content: ""
}
.bi-ticket-detailed-fill::before {
content: ""
}
.bi-ticket-detailed::before {
content: ""
}
.bi-ticket-fill::before {
content: ""
}
.bi-ticket-perforated-fill::before {
content: ""
}
.bi-ticket-perforated::before {
content: ""
}
.bi-ticket::before {
content: ""
}
.bi-tiktok::before {
content: ""
}
.bi-window-dash::before {
content: ""
}
.bi-window-desktop::before {
content: ""
}
.bi-window-fullscreen::before {
content: ""
}
.bi-window-plus::before {
content: ""
}
.bi-window-split::before {
content: ""
}
.bi-window-stack::before {
content: ""
}
.bi-window-x::before {
content: ""
}
.bi-xbox::before {
content: ""
}
.bi-ethernet::before {
content: ""
}
.bi-hdmi-fill::before {
content: ""
}
.bi-hdmi::before {
content: ""
}
.bi-usb-c-fill::before {
content: ""
}
.bi-usb-c::before {
content: ""
}
.bi-usb-fill::before {
content: ""
}
.bi-usb-plug-fill::before {
content: ""
}
.bi-usb-plug::before {
content: ""
}
.bi-usb-symbol::before {
content: ""
}
.bi-usb::before {
content: ""
}
.bi-boombox-fill::before {
content: ""
}
.bi-displayport::before {
content: ""
}
.bi-gpu-card::before {
content: ""
}
.bi-memory::before {
content: ""
}
.bi-modem-fill::before {
content: ""
}
.bi-modem::before {
content: ""
}
.bi-motherboard-fill::before {
content: ""
}
.bi-motherboard::before {
content: ""
}
.bi-optical-audio-fill::before {
content: ""
}
.bi-optical-audio::before {
content: ""
}
.bi-pci-card::before {
content: ""
}
.bi-router-fill::before {
content: ""
}
.bi-router::before {
content: ""
}
.bi-thunderbolt-fill::before {
content: ""
}
.bi-thunderbolt::before {
content: ""
}
.bi-usb-drive-fill::before {
content: ""
}
.bi-usb-drive::before {
content: ""
}
.bi-usb-micro-fill::before {
content: ""
}
.bi-usb-micro::before {
content: ""
}
.bi-usb-mini-fill::before {
content: ""
}
.bi-usb-mini::before {
content: ""
}
.bi-cloud-haze2::before {
content: ""
}
.bi-device-hdd-fill::before {
content: ""
}
.bi-device-hdd::before {
content: ""
}
.bi-device-ssd-fill::before {
content: ""
}
.bi-device-ssd::before {
content: ""
}
.bi-displayport-fill::before {
content: ""
}
.bi-mortarboard-fill::before {
content: ""
}
.bi-mortarboard::before {
content: ""
}
.bi-terminal-x::before {
content: ""
}
.bi-arrow-through-heart-fill::before {
content: ""
}
.bi-arrow-through-heart::before {
content: ""
}
.bi-badge-sd-fill::before {
content: ""
}
.bi-badge-sd::before {
content: ""
}
.bi-bag-heart-fill::before {
content: ""
}
.bi-bag-heart::before {
content: ""
}
.bi-balloon-fill::before {
content: ""
}
.bi-balloon-heart-fill::before {
content: ""
}
.bi-balloon-heart::before {
content: ""
}
.bi-balloon::before {
content: ""
}
.bi-box2-fill::before {
content: ""
}
.bi-box2-heart-fill::before {
content: ""
}
.bi-box2-heart::before {
content: ""
}
.bi-box2::before {
content: ""
}
.bi-braces-asterisk::before {
content: ""
}
.bi-calendar-heart-fill::before {
content: ""
}
.bi-calendar-heart::before {
content: ""
}
.bi-calendar2-heart-fill::before {
content: ""
}
.bi-calendar2-heart::before {
content: ""
}
.bi-chat-heart-fill::before {
content: ""
}
.bi-chat-heart::before {
content: ""
}
.bi-chat-left-heart-fill::before {
content: ""
}
.bi-chat-left-heart::before {
content: ""
}
.bi-chat-right-heart-fill::before {
content: ""
}
.bi-chat-right-heart::before {
content: ""
}
.bi-chat-square-heart-fill::before {
content: ""
}
.bi-chat-square-heart::before {
content: ""
}
.bi-clipboard-check-fill::before {
content: ""
}
.bi-clipboard-data-fill::before {
content: ""
}
.bi-clipboard-fill::before {
content: ""
}
.bi-clipboard-heart-fill::before {
content: ""
}
.bi-clipboard-heart::before {
content: ""
}
.bi-clipboard-minus-fill::before {
content: ""
}
.bi-clipboard-plus-fill::before {
content: ""
}
.bi-clipboard-pulse::before {
content: ""
}
.bi-clipboard-x-fill::before {
content: ""
}
.bi-clipboard2-check-fill::before {
content: ""
}
.bi-clipboard2-check::before {
content: ""
}
.bi-clipboard2-data-fill::before {
content: ""
}
.bi-clipboard2-data::before {
content: ""
}
.bi-clipboard2-fill::before {
content: ""
}
.bi-clipboard2-heart-fill::before {
content: ""
}
.bi-clipboard2-heart::before {
content: ""
}
.bi-clipboard2-minus-fill::before {
content: ""
}
.bi-clipboard2-minus::before {
content: ""
}
.bi-clipboard2-plus-fill::before {
content: ""
}
.bi-clipboard2-plus::before {
content: ""
}
.bi-clipboard2-pulse-fill::before {
content: ""
}
.bi-clipboard2-pulse::before {
content: ""
}
.bi-clipboard2-x-fill::before {
content: ""
}
.bi-clipboard2-x::before {
content: ""
}
.bi-clipboard2::before {
content: ""
}
.bi-emoji-kiss-fill::before {
content: ""
}
.bi-emoji-kiss::before {
content: ""
}
.bi-envelope-heart-fill::before {
content: ""
}
.bi-envelope-heart::before {
content: ""
}
.bi-envelope-open-heart-fill::before {
content: ""
}
.bi-envelope-open-heart::before {
content: ""
}
.bi-envelope-paper-fill::before {
content: ""
}
.bi-envelope-paper-heart-fill::before {
content: ""
}
.bi-envelope-paper-heart::before {
content: ""
}
.bi-envelope-paper::before {
content: ""
}
.bi-filetype-aac::before {
content: ""
}
.bi-filetype-ai::before {
content: ""
}
.bi-filetype-bmp::before {
content: ""
}
.bi-filetype-cs::before {
content: ""
}
.bi-filetype-css::before {
content: ""
}
.bi-filetype-csv::before {
content: ""
}
.bi-filetype-doc::before {
content: ""
}
.bi-filetype-docx::before {
content: ""
}
.bi-filetype-exe::before {
content: ""
}
.bi-filetype-gif::before {
content: ""
}
.bi-filetype-heic::before {
content: ""
}
.bi-filetype-html::before {
content: ""
}
.bi-filetype-java::before {
content: ""
}
.bi-filetype-jpg::before {
content: ""
}
.bi-filetype-js::before {
content: ""
}
.bi-filetype-jsx::before {
content: ""
}
.bi-filetype-key::before {
content: ""
}
.bi-filetype-m4p::before {
content: ""
}
.bi-filetype-md::before {
content: ""
}
.bi-filetype-mdx::before {
content: ""
}
.bi-filetype-mov::before {
content: ""
}
.bi-filetype-mp3::before {
content: ""
}
.bi-filetype-mp4::before {
content: ""
}
.bi-filetype-otf::before {
content: ""
}
.bi-filetype-pdf::before {
content: ""
}
.bi-filetype-php::before {
content: ""
}
.bi-filetype-png::before {
content: ""
}
.bi-filetype-ppt::before {
content: ""
}
.bi-filetype-psd::before {
content: ""
}
.bi-filetype-py::before {
content: ""
}
.bi-filetype-raw::before {
content: ""
}
.bi-filetype-rb::before {
content: ""
}
.bi-filetype-sass::before {
content: ""
}
.bi-filetype-scss::before {
content: ""
}
.bi-filetype-sh::before {
content: ""
}
.bi-filetype-svg::before {
content: ""
}
.bi-filetype-tiff::before {
content: ""
}
.bi-filetype-tsx::before {
content: ""
}
.bi-filetype-ttf::before {
content: ""
}
.bi-filetype-txt::before {
content: ""
}
.bi-filetype-wav::before {
content: ""
}
.bi-filetype-woff::before {
content: ""
}
.bi-filetype-xls::before {
content: ""
}
.bi-filetype-xml::before {
content: ""
}
.bi-filetype-yml::before {
content: ""
}
.bi-heart-arrow::before {
content: ""
}
.bi-heart-pulse-fill::before {
content: ""
}
.bi-heart-pulse::before {
content: ""
}
.bi-heartbreak-fill::before {
content: ""
}
.bi-heartbreak::before {
content: ""
}
.bi-hearts::before {
content: ""
}
.bi-hospital-fill::before {
content: ""
}
.bi-hospital::before {
content: ""
}
.bi-house-heart-fill::before {
content: ""
}
.bi-house-heart::before {
content: ""
}
.bi-incognito::before {
content: ""
}
.bi-magnet-fill::before {
content: ""
}
.bi-magnet::before {
content: ""
}
.bi-person-heart::before {
content: ""
}
.bi-person-hearts::before {
content: ""
}
.bi-phone-flip::before {
content: ""
}
.bi-plugin::before {
content: ""
}
.bi-postage-fill::before {
content: ""
}
.bi-postage-heart-fill::before {
content: ""
}
.bi-postage-heart::before {
content: ""
}
.bi-postage::before {
content: ""
}
.bi-postcard-fill::before {
content: ""
}
.bi-postcard-heart-fill::before {
content: ""
}
.bi-postcard-heart::before {
content: ""
}
.bi-postcard::before {
content: ""
}
.bi-search-heart-fill::before {
content: ""
}
.bi-search-heart::before {
content: ""
}
.bi-sliders2-vertical::before {
content: ""
}
.bi-sliders2::before {
content: ""
}
.bi-trash3-fill::before {
content: ""
}
.bi-trash3::before {
content: ""
}
.bi-valentine::before {
content: ""
}
.bi-valentine2::before {
content: ""
}
.bi-wrench-adjustable-circle-fill::before {
content: ""
}
.bi-wrench-adjustable-circle::before {
content: ""
}
.bi-wrench-adjustable::before {
content: ""
}
.bi-filetype-json::before {
content: ""
}
.bi-filetype-pptx::before {
content: ""
}
.bi-filetype-xlsx::before {
content: ""
}
.bi-1-circle-fill::before {
content: ""
}
.bi-1-circle::before {
content: ""
}
.bi-1-square-fill::before {
content: ""
}
.bi-1-square::before {
content: ""
}
.bi-2-circle-fill::before {
content: ""
}
.bi-2-circle::before {
content: ""
}
.bi-2-square-fill::before {
content: ""
}
.bi-2-square::before {
content: ""
}
.bi-3-circle-fill::before {
content: ""
}
.bi-3-circle::before {
content: ""
}
.bi-3-square-fill::before {
content: ""
}
.bi-3-square::before {
content: ""
}
.bi-4-circle-fill::before {
content: ""
}
.bi-4-circle::before {
content: ""
}
.bi-4-square-fill::before {
content: ""
}
.bi-4-square::before {
content: ""
}
.bi-5-circle-fill::before {
content: ""
}
.bi-5-circle::before {
content: ""
}
.bi-5-square-fill::before {
content: ""
}
.bi-5-square::before {
content: ""
}
.bi-6-circle-fill::before {
content: ""
}
.bi-6-circle::before {
content: ""
}
.bi-6-square-fill::before {
content: ""
}
.bi-6-square::before {
content: ""
}
.bi-7-circle-fill::before {
content: ""
}
.bi-7-circle::before {
content: ""
}
.bi-7-square-fill::before {
content: ""
}
.bi-7-square::before {
content: ""
}
.bi-8-circle-fill::before {
content: ""
}
.bi-8-circle::before {
content: ""
}
.bi-8-square-fill::before {
content: ""
}
.bi-8-square::before {
content: ""
}
.bi-9-circle-fill::before {
content: ""
}
.bi-9-circle::before {
content: ""
}
.bi-9-square-fill::before {
content: ""
}
.bi-9-square::before {
content: ""
}
.bi-airplane-engines-fill::before {
content: ""
}
.bi-airplane-engines::before {
content: ""
}
.bi-airplane-fill::before {
content: ""
}
.bi-airplane::before {
content: ""
}
.bi-alexa::before {
content: ""
}
.bi-alipay::before {
content: ""
}
.bi-android::before {
content: ""
}
.bi-android2::before {
content: ""
}
.bi-box-fill::before {
content: ""
}
.bi-box-seam-fill::before {
content: ""
}
.bi-browser-chrome::before {
content: ""
}
.bi-browser-edge::before {
content: ""
}
.bi-browser-firefox::before {
content: ""
}
.bi-browser-safari::before {
content: ""
}
.bi-c-circle-fill::before {
content: ""
}
.bi-c-circle::before {
content: ""
}
.bi-c-square-fill::before {
content: ""
}
.bi-c-square::before {
content: ""
}
.bi-capsule-pill::before {
content: ""
}
.bi-capsule::before {
content: ""
}
.bi-car-front-fill::before {
content: ""
}
.bi-car-front::before {
content: ""
}
.bi-cassette-fill::before {
content: ""
}
.bi-cassette::before {
content: ""
}
.bi-cc-circle-fill::before {
content: ""
}
.bi-cc-circle::before {
content: ""
}
.bi-cc-square-fill::before {
content: ""
}
.bi-cc-square::before {
content: ""
}
.bi-cup-hot-fill::before {
content: ""
}
.bi-cup-hot::before {
content: ""
}
.bi-currency-rupee::before {
content: ""
}
.bi-dropbox::before {
content: ""
}
.bi-escape::before {
content: ""
}
.bi-fast-forward-btn-fill::before {
content: ""
}
.bi-fast-forward-btn::before {
content: ""
}
.bi-fast-forward-circle-fill::before {
content: ""
}
.bi-fast-forward-circle::before {
content: ""
}
.bi-fast-forward-fill::before {
content: ""
}
.bi-fast-forward::before {
content: ""
}
.bi-filetype-sql::before {
content: ""
}
.bi-fire::before {
content: ""
}
.bi-google-play::before {
content: ""
}
.bi-h-circle-fill::before {
content: ""
}
.bi-h-circle::before {
content: ""
}
.bi-h-square-fill::before {
content: ""
}
.bi-h-square::before {
content: ""
}
.bi-indent::before {
content: ""
}
.bi-lungs-fill::before {
content: ""
}
.bi-lungs::before {
content: ""
}
.bi-microsoft-teams::before {
content: ""
}
.bi-p-circle-fill::before {
content: ""
}
.bi-p-circle::before {
content: ""
}
.bi-p-square-fill::before {
content: ""
}
.bi-p-square::before {
content: ""
}
.bi-pass-fill::before {
content: ""
}
.bi-pass::before {
content: ""
}
.bi-prescription::before {
content: ""
}
.bi-prescription2::before {
content: ""
}
.bi-r-circle-fill::before {
content: ""
}
.bi-r-circle::before {
content: ""
}
.bi-r-square-fill::before {
content: ""
}
.bi-r-square::before {
content: ""
}
.bi-repeat-1::before {
content: ""
}
.bi-repeat::before {
content: ""
}
.bi-rewind-btn-fill::before {
content: ""
}
.bi-rewind-btn::before {
content: ""
}
.bi-rewind-circle-fill::before {
content: ""
}
.bi-rewind-circle::before {
content: ""
}
.bi-rewind-fill::before {
content: ""
}
.bi-rewind::before {
content: ""
}
.bi-train-freight-front-fill::before {
content: ""
}
.bi-train-freight-front::before {
content: ""
}
.bi-train-front-fill::before {
content: ""
}
.bi-train-front::before {
content: ""
}
.bi-train-lightrail-front-fill::before {
content: ""
}
.bi-train-lightrail-front::before {
content: ""
}
.bi-truck-front-fill::before {
content: ""
}
.bi-truck-front::before {
content: ""
}
.bi-ubuntu::before {
content: ""
}
.bi-unindent::before {
content: ""
}
.bi-unity::before {
content: ""
}
.bi-universal-access-circle::before {
content: ""
}
.bi-universal-access::before {
content: ""
}
.bi-virus::before {
content: ""
}
.bi-virus2::before {
content: ""
}
.bi-wechat::before {
content: ""
}
.bi-yelp::before {
content: ""
}
.bi-sign-stop-fill::before {
content: ""
}
.bi-sign-stop-lights-fill::before {
content: ""
}
.bi-sign-stop-lights::before {
content: ""
}
.bi-sign-stop::before {
content: ""
}
.bi-sign-turn-left-fill::before {
content: ""
}
.bi-sign-turn-left::before {
content: ""
}
.bi-sign-turn-right-fill::before {
content: ""
}
.bi-sign-turn-right::before {
content: ""
}
.bi-sign-turn-slight-left-fill::before {
content: ""
}
.bi-sign-turn-slight-left::before {
content: ""
}
.bi-sign-turn-slight-right-fill::before {
content: ""
}
.bi-sign-turn-slight-right::before {
content: ""
}
.bi-sign-yield-fill::before {
content: ""
}
.bi-sign-yield::before {
content: ""
}
.bi-ev-station-fill::before {
content: ""
}
.bi-ev-station::before {
content: ""
}
.bi-fuel-pump-diesel-fill::before {
content: ""
}
.bi-fuel-pump-diesel::before {
content: ""
}
.bi-fuel-pump-fill::before {
content: ""
}
.bi-fuel-pump::before {
content: ""
}
.bi-0-circle-fill::before {
content: ""
}
.bi-0-circle::before {
content: ""
}
.bi-0-square-fill::before {
content: ""
}
.bi-0-square::before {
content: ""
}
.bi-rocket-fill::before {
content: ""
}
.bi-rocket-takeoff-fill::before {
content: ""
}
.bi-rocket-takeoff::before {
content: ""
}
.bi-rocket::before {
content: ""
}
.bi-stripe::before {
content: ""
}
.bi-subscript::before {
content: ""
}
.bi-superscript::before {
content: ""
}
.bi-trello::before {
content: ""
}
.bi-envelope-at-fill::before {
content: ""
}
.bi-envelope-at::before {
content: ""
}
.bi-regex::before {
content: ""
}
.bi-text-wrap::before {
content: ""
}
.bi-sign-dead-end-fill::before {
content: ""
}
.bi-sign-dead-end::before {
content: ""
}
.bi-sign-do-not-enter-fill::before {
content: ""
}
.bi-sign-do-not-enter::before {
content: ""
}
.bi-sign-intersection-fill::before {
content: ""
}
.bi-sign-intersection-side-fill::before {
content: ""
}
.bi-sign-intersection-side::before {
content: ""
}
.bi-sign-intersection-t-fill::before {
content: ""
}
.bi-sign-intersection-t::before {
content: ""
}
.bi-sign-intersection-y-fill::before {
content: ""
}
.bi-sign-intersection-y::before {
content: ""
}
.bi-sign-intersection::before {
content: ""
}
.bi-sign-merge-left-fill::before {
content: ""
}
.bi-sign-merge-left::before {
content: ""
}
.bi-sign-merge-right-fill::before {
content: ""
}
.bi-sign-merge-right::before {
content: ""
}
.bi-sign-no-left-turn-fill::before {
content: ""
}
.bi-sign-no-left-turn::before {
content: ""
}
.bi-sign-no-parking-fill::before {
content: ""
}
.bi-sign-no-parking::before {
content: ""
}
.bi-sign-no-right-turn-fill::before {
content: ""
}
.bi-sign-no-right-turn::before {
content: ""
}
.bi-sign-railroad-fill::before {
content: ""
}
.bi-sign-railroad::before {
content: ""
}
.bi-building-add::before {
content: ""
}
.bi-building-check::before {
content: ""
}
.bi-building-dash::before {
content: ""
}
.bi-building-down::before {
content: ""
}
.bi-building-exclamation::before {
content: ""
}
.bi-building-fill-add::before {
content: ""
}
.bi-building-fill-check::before {
content: ""
}
.bi-building-fill-dash::before {
content: ""
}
.bi-building-fill-down::before {
content: ""
}
.bi-building-fill-exclamation::before {
content: ""
}
.bi-building-fill-gear::before {
content: ""
}
.bi-building-fill-lock::before {
content: ""
}
.bi-building-fill-slash::before {
content: ""
}
.bi-building-fill-up::before {
content: ""
}
.bi-building-fill-x::before {
content: ""
}
.bi-building-fill::before {
content: ""
}
.bi-building-gear::before {
content: ""
}
.bi-building-lock::before {
content: ""
}
.bi-building-slash::before {
content: ""
}
.bi-building-up::before {
content: ""
}
.bi-building-x::before {
content: ""
}
.bi-buildings-fill::before {
content: ""
}
.bi-buildings::before {
content: ""
}
.bi-bus-front-fill::before {
content: ""
}
.bi-bus-front::before {
content: ""
}
.bi-ev-front-fill::before {
content: ""
}
.bi-ev-front::before {
content: ""
}
.bi-globe-americas::before {
content: ""
}
.bi-globe-asia-australia::before {
content: ""
}
.bi-globe-central-south-asia::before {
content: ""
}
.bi-globe-europe-africa::before {
content: ""
}
.bi-house-add-fill::before {
content: ""
}
.bi-house-add::before {
content: ""
}
.bi-house-check-fill::before {
content: ""
}
.bi-house-check::before {
content: ""
}
.bi-house-dash-fill::before {
content: ""
}
.bi-house-dash::before {
content: ""
}
.bi-house-down-fill::before {
content: ""
}
.bi-house-down::before {
content: ""
}
.bi-house-exclamation-fill::before {
content: ""
}
.bi-house-exclamation::before {
content: ""
}
.bi-house-gear-fill::before {
content: ""
}
.bi-house-gear::before {
content: ""
}
.bi-house-lock-fill::before {
content: ""
}
.bi-house-lock::before {
content: ""
}
.bi-house-slash-fill::before {
content: ""
}
.bi-house-slash::before {
content: ""
}
.bi-house-up-fill::before {
content: ""
}
.bi-house-up::before {
content: ""
}
.bi-house-x-fill::before {
content: ""
}
.bi-house-x::before {
content: ""
}
.bi-person-add::before {
content: ""
}
.bi-person-down::before {
content: ""
}
.bi-person-exclamation::before {
content: ""
}
.bi-person-fill-add::before {
content: ""
}
.bi-person-fill-check::before {
content: ""
}
.bi-person-fill-dash::before {
content: ""
}
.bi-person-fill-down::before {
content: ""
}
.bi-person-fill-exclamation::before {
content: ""
}
.bi-person-fill-gear::before {
content: ""
}
.bi-person-fill-lock::before {
content: ""
}
.bi-person-fill-slash::before {
content: ""
}
.bi-person-fill-up::before {
content: ""
}
.bi-person-fill-x::before {
content: ""
}
.bi-person-gear::before {
content: ""
}
.bi-person-lock::before {
content: ""
}
.bi-person-slash::before {
content: ""
}
.bi-person-up::before {
content: ""
}
.bi-scooter::before {
content: ""
}
.bi-taxi-front-fill::before {
content: ""
}
.bi-taxi-front::before {
content: ""
}
.bi-amd::before {
content: ""
}
.bi-database-add::before {
content: ""
}
.bi-database-check::before {
content: ""
}
.bi-database-dash::before {
content: ""
}
.bi-database-down::before {
content: ""
}
.bi-database-exclamation::before {
content: ""
}
.bi-database-fill-add::before {
content: ""
}
.bi-database-fill-check::before {
content: ""
}
.bi-database-fill-dash::before {
content: ""
}
.bi-database-fill-down::before {
content: ""
}
.bi-database-fill-exclamation::before {
content: ""
}
.bi-database-fill-gear::before {
content: ""
}
.bi-database-fill-lock::before {
content: ""
}
.bi-database-fill-slash::before {
content: ""
}
.bi-database-fill-up::before {
content: ""
}
.bi-database-fill-x::before {
content: ""
}
.bi-database-fill::before {
content: ""
}
.bi-database-gear::before {
content: ""
}
.bi-database-lock::before {
content: ""
}
.bi-database-slash::before {
content: ""
}
.bi-database-up::before {
content: ""
}
.bi-database-x::before {
content: ""
}
.bi-database::before {
content: ""
}
.bi-houses-fill::before {
content: ""
}
.bi-houses::before {
content: ""
}
.bi-nvidia::before {
content: ""
}
.bi-person-vcard-fill::before {
content: ""
}
.bi-person-vcard::before {
content: ""
}
.bi-sina-weibo::before {
content: ""
}
.bi-tencent-qq::before {
content: ""
}
.bi-wikipedia::before {
content: ""
}
.bi-alphabet-uppercase::before {
content: ""
}
.bi-alphabet::before {
content: ""
}
.bi-amazon::before {
content: ""
}
.bi-arrows-collapse-vertical::before {
content: ""
}
.bi-arrows-expand-vertical::before {
content: ""
}
.bi-arrows-vertical::before {
content: ""
}
.bi-arrows::before {
content: ""
}
.bi-ban-fill::before {
content: ""
}
.bi-ban::before {
content: ""
}
.bi-bing::before {
content: ""
}
.bi-cake::before {
content: ""
}
.bi-cake2::before {
content: ""
}
.bi-cookie::before {
content: ""
}
.bi-copy::before {
content: ""
}
.bi-crosshair::before {
content: ""
}
.bi-crosshair2::before {
content: ""
}
.bi-emoji-astonished-fill::before {
content: ""
}
.bi-emoji-astonished::before {
content: ""
}
.bi-emoji-grimace-fill::before {
content: ""
}
.bi-emoji-grimace::before {
content: ""
}
.bi-emoji-grin-fill::before {
content: ""
}
.bi-emoji-grin::before {
content: ""
}
.bi-emoji-surprise-fill::before {
content: ""
}
.bi-emoji-surprise::before {
content: ""
}
.bi-emoji-tear-fill::before {
content: ""
}
.bi-emoji-tear::before {
content: ""
}
.bi-envelope-arrow-down-fill::before {
content: ""
}
.bi-envelope-arrow-down::before {
content: ""
}
.bi-envelope-arrow-up-fill::before {
content: ""
}
.bi-envelope-arrow-up::before {
content: ""
}
.bi-feather::before {
content: ""
}
.bi-feather2::before {
content: ""
}
.bi-floppy-fill::before {
content: ""
}
.bi-floppy::before {
content: ""
}
.bi-floppy2-fill::before {
content: ""
}
.bi-floppy2::before {
content: ""
}
.bi-gitlab::before {
content: ""
}
.bi-highlighter::before {
content: ""
}
.bi-marker-tip::before {
content: ""
}
.bi-nvme-fill::before {
content: ""
}
.bi-nvme::before {
content: ""
}
.bi-opencollective::before {
content: ""
}
.bi-pci-card-network::before {
content: ""
}
.bi-pci-card-sound::before {
content: ""
}
.bi-radar::before {
content: ""
}
.bi-send-arrow-down-fill::before {
content: ""
}
.bi-send-arrow-down::before {
content: ""
}
.bi-send-arrow-up-fill::before {
content: ""
}
.bi-send-arrow-up::before {
content: ""
}
.bi-sim-slash-fill::before {
content: ""
}
.bi-sim-slash::before {
content: ""
}
.bi-sourceforge::before {
content: ""
}
.bi-substack::before {
content: ""
}
.bi-threads-fill::before {
content: ""
}
.bi-threads::before {
content: ""
}
.bi-transparency::before {
content: ""
}
.bi-twitter-x::before {
content: ""
}
.bi-type-h4::before {
content: ""
}
.bi-type-h5::before {
content: ""
}
.bi-type-h6::before {
content: ""
}
.bi-backpack-fill::before {
content: ""
}
.bi-backpack::before {
content: ""
}
.bi-backpack2-fill::before {
content: ""
}
.bi-backpack2::before {
content: ""
}
.bi-backpack3-fill::before {
content: ""
}
.bi-backpack3::before {
content: ""
}
.bi-backpack4-fill::before {
content: ""
}
.bi-backpack4::before {
content: ""
}
.bi-brilliance::before {
content: ""
}
.bi-cake-fill::before {
content: ""
}
.bi-cake2-fill::before {
content: ""
}
.bi-duffle-fill::before {
content: ""
}
.bi-duffle::before {
content: ""
}
.bi-exposure::before {
content: ""
}
.bi-gender-neuter::before {
content: ""
}
.bi-highlights::before {
content: ""
}
.bi-luggage-fill::before {
content: ""
}
.bi-luggage::before {
content: ""
}
.bi-mailbox-flag::before {
content: ""
}
.bi-mailbox2-flag::before {
content: ""
}
.bi-noise-reduction::before {
content: ""
}
.bi-passport-fill::before {
content: ""
}
.bi-passport::before {
content: ""
}
.bi-person-arms-up::before {
content: ""
}
.bi-person-raised-hand::before {
content: ""
}
.bi-person-standing-dress::before {
content: ""
}
.bi-person-standing::before {
content: ""
}
.bi-person-walking::before {
content: ""
}
.bi-person-wheelchair::before {
content: ""
}
.bi-shadows::before {
content: ""
}
.bi-suitcase-fill::before {
content: ""
}
.bi-suitcase-lg-fill::before {
content: ""
}
.bi-suitcase-lg::before {
content: ""
}
.bi-suitcase::before {
content: "豈"
}
.bi-suitcase2-fill::before {
content: "更"
}
.bi-suitcase2::before {
content: "車"
}
.bi-vignette::before {
content: "賈"
}
/*!
* Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
*
* Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
*/
.datepicker {
border-radius: 4px;
direction: ltr
}
.datepicker-inline {
width: 220px
}
.datepicker-rtl {
direction: rtl
}
.datepicker-rtl.dropdown-menu {
left: auto
}
.datepicker-rtl table tr td span {
float: right
}
.datepicker-dropdown {
top: 0;
left: 0;
padding: 4px
}
.datepicker-dropdown:before {
content: "";
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid rgba(0, 0, 0, 0.15);
border-top: 0;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute
}
.datepicker-dropdown:after {
content: "";
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-top: 0;
position: absolute
}
.datepicker-dropdown.datepicker-orient-left:before {
left: 6px
}
.datepicker-dropdown.datepicker-orient-left:after {
left: 7px
}
.datepicker-dropdown.datepicker-orient-right:before {
right: 6px
}
.datepicker-dropdown.datepicker-orient-right:after {
right: 7px
}
.datepicker-dropdown.datepicker-orient-bottom:before {
top: -7px
}
.datepicker-dropdown.datepicker-orient-bottom:after {
top: -6px
}
.datepicker-dropdown.datepicker-orient-top:before {
bottom: -7px;
border-bottom: 0;
border-top: 7px solid rgba(0, 0, 0, 0.15)
}
.datepicker-dropdown.datepicker-orient-top:after {
bottom: -6px;
border-bottom: 0;
border-top: 6px solid #fff
}
.datepicker table {
margin: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.datepicker table tr td,
.datepicker table tr th {
text-align: center;
width: 30px;
height: 30px;
border-radius: 4px;
border: none
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
background-color: transparent
}
.datepicker table tr td.old,
.datepicker table tr td.new {
color: #777
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
background: #eee;
cursor: pointer
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
background: none;
color: #777;
cursor: default
}
.datepicker table tr td.highlighted {
color: #000;
background-color: #d9edf7;
border-color: #85c5e5;
border-radius: 0
}
.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.focus {
color: #000;
background-color: #afd9ee;
border-color: #298fc2
}
.datepicker table tr td.highlighted:hover {
color: #000;
background-color: #afd9ee;
border-color: #52addb
}
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active {
color: #000;
background-color: #afd9ee;
border-color: #52addb
}
.datepicker table tr td.highlighted:active:hover,
.datepicker table tr td.highlighted.active:hover,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted.active:focus,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted.active.focus {
color: #000;
background-color: #91cbe8;
border-color: #298fc2
}
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.highlighted.focus {
background-color: #d9edf7;
border-color: #85c5e5
}
.datepicker table tr td.highlighted.focused {
background: #afd9ee
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
background: #d9edf7;
color: #777
}
.datepicker table tr td.today {
color: #000;
background-color: #ffdb99;
border-color: #ffb733
}
.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
color: #000;
background-color: #ffc966;
border-color: #b37400
}
.datepicker table tr td.today:hover {
color: #000;
background-color: #ffc966;
border-color: #f59e00
}
.datepicker table tr td.today:active,
.datepicker table tr td.today.active {
color: #000;
background-color: #ffc966;
border-color: #f59e00
}
.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus {
color: #000;
background-color: #ffbc42;
border-color: #b37400
}
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus {
background-color: #ffdb99;
border-color: #ffb733
}
.datepicker table tr td.today.focused {
background: #ffc966
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
background: #ffdb99;
color: #777
}
.datepicker table tr td.range {
color: #000;
background-color: #eee;
border-color: #bbb;
border-radius: 0
}
.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
color: #000;
background-color: #d5d5d5;
border-color: #7c7c7c
}
.datepicker table tr td.range:hover {
color: #000;
background-color: #d5d5d5;
border-color: #9d9d9d
}
.datepicker table tr td.range:active,
.datepicker table tr td.range.active {
color: #000;
background-color: #d5d5d5;
border-color: #9d9d9d
}
.datepicker table tr td.range:active:hover,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range.active.focus {
color: #000;
background-color: #c3c3c3;
border-color: #7c7c7c
}
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.focus {
background-color: #eee;
border-color: #bbb
}
.datepicker table tr td.range.focused {
background: #d5d5d5
}
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
background: #eee;
color: #777
}
.datepicker table tr td.range.highlighted {
color: #000;
background-color: #e4eef3;
border-color: #9dc1d3
}
.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.focus {
color: #000;
background-color: #c1d7e3;
border-color: #4b88a6
}
.datepicker table tr td.range.highlighted:hover {
color: #000;
background-color: #c1d7e3;
border-color: #73a6c0
}
.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active {
color: #000;
background-color: #c1d7e3;
border-color: #73a6c0
}
.datepicker table tr td.range.highlighted:active:hover,
.datepicker table tr td.range.highlighted.active:hover,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted.active:focus,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted.active.focus {
color: #000;
background-color: #a8c8d8;
border-color: #4b88a6
}
.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
background-color: #e4eef3;
border-color: #9dc1d3
}
.datepicker table tr td.range.highlighted.focused {
background: #c1d7e3
}
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
background: #e4eef3;
color: #777
}
.datepicker table tr td.range.today {
color: #000;
background-color: #f7ca77;
border-color: #f1a417
}
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.focus {
color: #000;
background-color: #f4b747;
border-color: #815608
}
.datepicker table tr td.range.today:hover {
color: #000;
background-color: #f4b747;
border-color: #bf800c
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active {
color: #000;
background-color: #f4b747;
border-color: #bf800c
}
.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today.active.focus {
color: #000;
background-color: #f2aa25;
border-color: #815608
}
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus {
background-color: #f7ca77;
border-color: #f1a417
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
background: #f7ca77;
color: #777
}
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
color: #fff;
background-color: #777;
border-color: #555;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus {
color: #fff;
background-color: #5e5e5e;
border-color: #161616
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover {
color: #fff;
background-color: #5e5e5e;
border-color: #373737
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active {
color: #fff;
background-color: #5e5e5e;
border-color: #373737
}
.datepicker table tr td.selected:active:hover,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active:hover,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.highlighted.active:focus,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.highlighted.active.focus {
color: #fff;
background-color: #4c4c4c;
border-color: #161616
}
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
background-color: #777;
border-color: #555
}
.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}
.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
color: #fff;
background-color: #286090;
border-color: #122b40
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
color: #fff;
background-color: #286090;
border-color: #204d74
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
color: #fff;
background-color: #286090;
border-color: #204d74
}
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
color: #fff;
background-color: #204d74;
border-color: #122b40
}
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
background-color: #337ab7;
border-color: #2e6da4
}
.datepicker table tr td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer;
border-radius: 4px
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
background: #eee
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
background: none;
color: #777;
cursor: default
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
color: #fff;
background-color: #286090;
border-color: #122b40
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
color: #fff;
background-color: #286090;
border-color: #204d74
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
color: #fff;
background-color: #286090;
border-color: #204d74
}
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
color: #fff;
background-color: #204d74;
border-color: #122b40
}
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
background-color: #337ab7;
border-color: #2e6da4
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
color: #777
}
.datepicker .datepicker-switch {
width: 145px
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
cursor: pointer
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
background: #eee
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
visibility: hidden
}
.datepicker .cw {
font-size: 10px;
width: 12px;
padding: 0 2px 0 5px;
vertical-align: middle
}
.input-group.date .input-group-addon {
cursor: pointer
}
.input-daterange {
width: 100%
}
.input-daterange input {
text-align: center
}
.input-daterange input:first-child {
border-radius: 3px 0 0 3px
}
.input-daterange input:last-child {
border-radius: 0 3px 3px 0
}
.input-daterange .input-group-addon {
width: auto;
min-width: 16px;
padding: 4px 5px;
line-height: 1.42857143;
border-width: 1px 0;
margin-left: -5px;
margin-right: -5px
}
.datepicker.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
list-style: none;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
color: #333;
font-size: 13px;
line-height: 1.42857143
}
.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
padding: 0px 5px
}
@font-face {
font-family: "DB Gin Siam X";
src: url("fonts/DB Gin Siam X Bd v3.2.2.woff2") format("woff2"), url("fonts/DB Gin Siam X Bd v3.2.2.woff") format("woff");
font-weight: bold;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "DB Gin Siam X";
src: url("fonts/DB Gin Siam X Bd It v3.2.2.woff2") format("woff2"), url("fonts/DB Gin Siam X Bd It v3.2.2.woff") format("woff");
font-weight: bold;
font-style: italic;
font-display: swap
}
@font-face {
font-family: "DB Gin Siam X";
src: url("fonts/DB Gin Siam X Li v3.2.2.woff2") format("woff2"), url("fonts/DB Gin Siam X Li v3.2.2.woff") format("woff");
font-weight: 300;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "DB Gin Siam X";
src: url("fonts/DB Gin Siam X Li It v3.2.2.woff2") format("woff2"), url("fonts/DB Gin Siam X Li It v3.2.2.woff") format("woff");
font-weight: 300;
font-style: italic;
font-display: swap
}
@font-face {
font-family: "DB Gin Siam X";
src: url("fonts/DB Gin Siam X It v3.2.2.woff2") format("woff2"), url("fonts/DB Gin Siam X It v3.2.2.woff") format("woff");
font-weight: normal;
font-style: italic;
font-display: swap
}
@font-face {
font-family: "DB Gin Siam X";
src: url("fonts/DB Gin Siam X v3.2.2.woff2") format("woff2"), url("fonts/DB Gin Siam X v3.2.2.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap
}
html {
font-size: 16px;
scrollbar-gutter: stable
}
html::-webkit-scrollbar-track {
background-color: #eee
}
html::-webkit-scrollbar {
width: 6px
}
html::-webkit-scrollbar-thumb {
background-color: #005470;
cursor: pointer;
border-radius: 5px;
transition: .5s all ease
}
html::-webkit-scrollbar-thumb:hover {
background-color: #005470
}
html .scroll-disabled {
overflow: hidden
}
body {
font: 100% "DB Gin Siam X", sans-serif;
color: #8c8c8c;
line-height: 1;
font-weight: 400;
overflow-x: hidden;
background-color: #fff
}
figure {
margin: 0
}
a {
text-decoration: none
}
strong,
b {
font-weight: 600
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 600;
line-height: 1
}
select {
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' style='&%2310; fill: %23000;&%2310;'%3E%3Cpath d='M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z'/%3E%3C/svg%3E");
padding-right: 25px;
background-size: 8px auto;
background-repeat: no-repeat;
background-position: right 12px center
}
.wow {
visibility: hidden
}
@media(min-width: 1200px) {
.detail-container {
max-width: 1000px
}
}
.detail-editor {
font-size: 1.125rem;
margin-bottom: 15px
}
.detail-editor h1,
.detail-editor h2,
.detail-editor h3,
.detail-editor h4,
.detail-editor h5,
.detail-editor h6 {
color: #000;
margin-bottom: 10px
}
.detail-editor h1 {
font-size: 2.25rem
}
.detail-editor h2 {
font-size: 2rem
}
.detail-editor h3 {
font-size: 1.875rem
}
.detail-editor h4 {
font-size: 1.625rem
}
.detail-editor h5 {
font-size: 1.375rem
}
.detail-editor h6 {
font-size: 1.25rem
}
.detail-editor p,
.detail-editor ul {
margin-bottom: 10px;
line-height: 1.5
}
.detail-editor img {
max-width: 100%;
height: auto !important;
display: block;
margin: 15px 0
}
.detail-margin {
margin-bottom: 70px
}
.detail-head img {
max-width: 100%;
height: auto;
display: block;
margin-bottom: 20px
}
.detail-head h1 {
color: #005470;
font-size: 1.875rem;
margin-bottom: 15px
}
.detail-gallery {
margin-top: 30px;
display: grid;
gap: 15px;
grid-template-columns: repeat(5, 1fr)
}
.detail-gallery-item {
display: block;
overflow: hidden
}
.detail-gallery-item>img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 1;
transition: .5s all ease
}
.detail-gallery-item:hover img {
transform: scale(1.05)
}
.owl-carousel .owl-nav.disabled+.owl-dots {
margin-top: 25px
}
.owl-carousel .owl-dots .owl-dot span {
width: 12px;
height: 12px;
background: rgba(200, 200, 200, .7);
margin: 5px 8px
}
.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
background: #005470
}
.header-bg {
background: #fff;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 99
}
.header-bg.sticky {
box-shadow: rgba(27, 31, 35, .04) 0px 1px 0px, rgba(255, 255, 255, .25) 0px 1px 0px inset
}
.header-bg.sticky .header-mid {
padding-top: 10px;
padding-bottom: 10px
}
.header-bg.sticky .header-menu {
padding-top: 10px;
padding-bottom: 10px
}
.header-top {
display: flex;
align-items: center;
justify-content: space-between
}
.header-top-bg {
background: rgba(0, 84, 112, .1)
}
.header-announce {
color: #005470;
display: block
}
.header-announce a {
color: #005470;
display: inline-block;
font-size: 1.0625rem;
padding: 5px;
margin-right: 20px;
margin-left: 20px;
position: relative
}
.header-login {
display: inline-flex;
align-items: center;
font-size: 1.0625rem;
white-space: nowrap;
padding: 5px 10px 5px 5px;
color: #1e280c;
transition: .5s all ease
}
.header-login img {
margin-right: 5px;
transition: .5s all ease
}
.header-login:hover {
background: #005470;
color: #fff
}
.header-login:hover img {
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(345deg) brightness(100%) contrast(104%)
}
.header-mid {
display: flex;
flex-wrap: wrap;
align-items: center;
padding-top: 30px;
padding-bottom: 20px;
justify-content: space-between;
transition: .5s all ease
}
.header-hr {
background: #ededed;
margin: 0;
opacity: 1;
height: 2px
}
.header-logo {
display: block
}
.header-logo img {
width: 100px;
height: auto;
display: block;
object-fit: contain
}
.header-search {
display: inline-flex;
width: calc(100% - 315px);
font-size: 1.1875rem;
margin: 0 30px 0 25px;
background: #f4f4f4;
border-radius: 50px;
align-items: center;
max-width: 800px
}
.header-search-select {
width: 150px;
height: 40px;
padding: 5px 25px 5px 25px;
background-size: 24px auto;
background-image: url('data:image/svg+xml,');
background-position: right center;
border: 0;
background-color: transparent;
outline: 0;
line-height: 1
}
.header-search-input {
width: calc(100% - 207px);
height: 40px;
padding: 0 15px;
border: 0;
background-color: transparent;
outline: 0
}
.header-search-btn {
width: 57px;
height: 40px;
background: #005470;
border-radius: 0 50px 50px 0;
border: 0;
padding: 0 5px 0 0;
transition: .5s all ease
}
.header-search-btn img {
transition: .5s all ease
}
.header-search-btn:hover {
background: #93d500
}
.header-search-btn:hover img {
transform: scale(1.1)
}
.header-call-center {
display: inline-flex;
align-items: center;
justify-content: center;
width: 160px;
transition: .5s all ease
}
.header-call-center img {
width: 24px;
height: auto;
transition: .5s all ease
}
.header-call-center-text {
font-size: 1.625rem;
white-space: nowrap;
line-height: .85;
color: #005470;
font-weight: 600;
padding-left: 5px
}
.header-call-center-text span {
display: block;
font-size: 1.1875rem;
color: #1e280c;
font-weight: 400
}
.header-call-center:hover img {
transform: rotate(15deg);
filter: brightness(0) saturate(100%) invert(85%) sepia(34%) saturate(5950%) hue-rotate(32deg) brightness(100%) contrast(101%)
}
.header-menu {
display: flex;
padding-top: 20px;
padding-bottom: 20px;
transition: .5s all ease
}
.header-menu-btn {
display: none
}
.header-menu-ul {
display: flex;
align-items: center;
list-style: none;
font-size: 1.25rem;
padding: 0;
margin: 0;
gap: 20px
}
.header-menu-ul>li>a {
display: block;
padding: 3px 10px;
border-radius: 50px;
color: #1e280c;
position: relative;
transition: .5s all ease
}
.header-menu-ul>li>a span {
position: absolute;
top: -15px;
left: 50%;
font-size: .8125rem;
background: #d03e40;
border-radius: 20px;
display: block;
color: #fff;
padding: 3px 7px 1px 7px;
white-space: nowrap;
line-height: 1;
transform: translate(-50%, 0)
}
.header-menu-ul>li:not(.active)>a:hover {
color: #005470;
transform: translate(0, -2px)
}
.header-menu-ul>li.active>a {
color: #005470;
background: #f2f8fa
}
.header-right {
display: inline-flex;
align-items: center;
margin-left: auto
}
.header-right-btn {
border-radius: 50px;
border: 1px solid #005470;
font-size: 1.25rem;
background: #fff;
line-height: 1;
padding: 7px 15px;
color: #005470;
display: inline-flex;
align-items: center;
transition: .5s all ease
}
.header-right-btn img {
margin-right: 5px
}
.header-right-btn:hover {
transform: translate(0, -1px);
color: #005470;
box-shadow: rgba(0, 0, 0, .16) 0px 1px 4px
}
.header-right-btn-cart {
background: #005470;
margin-left: 15px;
color: #fff
}
.header-right-btn-cart:hover {
color: #fff
}
.header-right-btn-cart1 {
background: #005470;
margin-left: 15px;
color: #fff
}
.header-right-btn-cart1:hover {
color: #fff
}
.header-menu-btn {
display: none;
flex-wrap: wrap;
align-items: center;
color: #1e280c;
cursor: pointer;
transition: .5s all ease
}
.header-menu-btn-icon {
position: relative;
width: 14px;
height: 14px
}
.header-menu-btn-icon span {
background: #005470;
border-radius: 2px;
position: absolute;
transition: .5s all ease
}
.header-menu-btn-icon span:nth-child(1) {
width: 6px;
height: 4px;
top: 6px;
left: 0;
background: #93d500
}
.header-menu-btn-icon span:nth-child(2) {
width: 4px;
height: 6px;
top: 0px;
left: 6px
}
.header-menu-btn-icon span:nth-child(3) {
width: 4px;
height: 6px;
top: 10px;
left: 6px;
background: #93d500
}
.header-menu-btn-icon span:nth-child(4) {
width: 6px;
height: 4px;
top: 6px;
left: 10px
}
.header-menu-btn-text {
margin-left: 8px;
font-size: 1.25rem
}
.header-menu-btn.active .header-menu-btn-icon span {
width: 8px;
height: 3px
}
.header-menu-btn.active .header-menu-btn-icon span:nth-child(1) {
transform: rotate(-135deg);
top: 2px;
left: 1px;
background: #93d500
}
.header-menu-btn.active .header-menu-btn-icon span:nth-child(2) {
transform: rotate(135deg);
top: 2px;
left: 8px
}
.header-menu-btn.active .header-menu-btn-icon span:nth-child(3) {
top: 7px;
left: 1px;
transform: rotate(135deg)
}
.header-menu-btn.active .header-menu-btn-icon span:nth-child(4) {
top: 7px;
left: 8px;
transform: rotate(-135deg)
}
.banner-carousel .owl-nav {
margin-top: 0
}
.banner-carousel .owl-nav [class*=owl-] {
position: absolute;
top: 50%;
transform: translate(0, -50%);
font-size: 10px;
line-height: 1;
margin: 0;
background: #005470 !important;
color: #fff !important;
transition: .5s all ease;
width: 38px;
height: 38px;
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center
}
.banner-carousel .owl-nav [class*=owl-] span {
display: block;
margin-top: 1px
}
.banner-carousel .owl-nav [class*=owl-]:hover {
opacity: 1;
background: #93d500 !important
}
.banner-carousel .owl-nav [class*=owl-].owl-prev {
left: calc((100vw - 1320px)/2 - 80px)
}
.banner-carousel .owl-nav [class*=owl-].owl-next {
right: calc((100vw - 1320px)/2 - 80px)
}
.banner-fp {
padding: 0
}
.banner-fp-item {
position: relative
}
.banner-fp-item figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 62.6%);
z-index: 1;
color: #1e280c
}
.banner-fp-item figcaption h2 {
font-size: 5.1875rem;
margin-bottom: 15px;
line-height: .8;
padding-top: 15px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden
}
.banner-fp-item figcaption p {
font-size: 1.25rem;
margin-bottom: 20px;
line-height: 1.35;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden
}
.banner-fp-btn {
display: inline-block;
padding: 10px 25px;
font-size: 1.25rem;
background: #fff;
color: #1e280c;
border-radius: 50px;
transition: .5s all ease
}
.banner-fp-btn:hover {
color: #fff;
background: #005470;
transform: translate(0, -3px)
}
.banner-fp .owl-dots {
position: absolute;
bottom: 20px;
width: 100%
}
.banner-inside {
padding: 0
}
.banner-inside .owl-dots {
position: absolute;
bottom: 20px;
width: 100%
}
.hilight-box {
background: #fff;
border-radius: 15px;
box-shadow: 0px 0px 3px rgba(0, 0, 0, .15);
padding: 15px;
position: relative;
display: flex;
align-items: center;
transition: .5s all ease
}
.hilight-box-grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 20px;
margin-top: 80px;
margin-bottom: 80px
}
.hilight-box-btn {
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
width: 110px;
font-size: 1.375rem;
font-weight: 600;
color: #005470;
border: 0;
background: #fff;
border-radius: 50px;
padding: 5px 5px 3px 5px;
transition: .5s all ease
}
.hilight-box-btn:hover {
background: #005470;
color: #fff
}
.hilight-box-discount {
font-size: .8125rem;
background: #93d500;
color: #fff;
border-radius: 20px;
padding: 1px 10px;
line-height: 1.25;
position: absolute;
right: 0;
top: 0
}
.hilight-box figure {
display: flex;
flex-wrap: wrap;
position: relative;
align-items: center;
width: 100%
}
.hilight-box figure img {
width: 150px;
aspect-ratio: 1;
object-fit: contain;
background: #fff;
border-radius: 10px;
transition: .5s all ease
}
.hilight-box figure figcaption {
padding: 15px;
position: relative;
width: calc(100% - 150px)
}
.hilight-box h3 {
font-size: 1.625rem;
margin-bottom: 5px;
line-height: .9;
color: #1e280c;
margin-bottom: 10px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden
}
.hilight-box p {
font-size: 1rem;
margin-bottom: 0;
color: #000;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden
}
.hilight-box:first-child {
grid-column: span 3
}
.hilight-box:first-child figure figcaption {
padding-right: 125px
}
.hilight-box:first-child h3 {
font-size: 2rem
}
.hilight-box:nth-child(2) {
background: #005470;
padding-top: 50px;
flex-direction: column;
align-items: flex-start
}
.hilight-box:nth-child(2) .hilight-box-discount {
right: 15px;
top: 15px
}
.hilight-box:nth-child(2) h3 {
color: #fff
}
.hilight-box:nth-child(2) p {
color: #fff
}
.hilight-box:nth-child(3) {
grid-column: span 2;
grid-row: span 2
}
.hilight-box:nth-child(3) img {
width: 100%;
max-width: 250px;
margin: 0 auto
}
.hilight-box:nth-child(3) figcaption {
width: 100%;
padding-right: 125px
}
.hilight-box:nth-child(4) {
grid-column: span 2;
background: #005470
}
.hilight-box:nth-child(4) h3,
.hilight-box:nth-child(4) p {
color: #fff
}
.hilight-box:nth-child(5) {
grid-column: span 2
}
.hilight-box:hover {
box-shadow: rgba(99, 99, 99, .2) 0px 2px 8px 0px
}
.hilight-box:hover img {
transform: scale(1.05)
}
.head-fp {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 30px
}
.head-fp h2 {
font-size: 2rem;
color: #005470;
margin-bottom: 0
}
.head-fp-center {
justify-content: center
}
.head-viewall {
display: block;
font-size: 1.25rem;
color: #005470;
margin-left: auto;
text-decoration: underline;
transition: .5s all ease
}
.head-viewall:hover {
color: #005470;
transform: translate(0, -2px)
}
.head-article {
background: #005470;
color: #fff;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 10px;
border-radius: 6px;
margin-bottom: 45px
}
.head-article h3 {
font-size: 1.625rem;
font-weight: 400;
color: #fff;
margin-bottom: 0
}
.head-article-viewall {
display: block;
font-size: 1.25rem;
color: #fff;
margin-left: auto;
text-decoration: underline;
transition: .5s all ease
}
.head-article-viewall:hover {
color: #fff;
transform: translate(0, -2px)
}
.head-inside h2 {
font-size: 2.25rem;
color: #000;
margin-bottom: 30px
}
.head-inside-nomargin h2 {
margin-bottom: 10px
}
.head-inside-center {
text-align: center
}
.flashsale-overflow {
overflow: hidden
}
.flashsale-carousel .owl-stage {
display: flex
}
.flashsale-carousel .owl-stage-outer {
overflow: visible
}
.flashsale-carousel .owl-item {
transition: .5s all ease
}
.flashsale-carousel .owl-item:not(.active) {
opacity: 0;
pointer-events: none
}
.flashsale-section {
background: #fafafa;
padding-top: 50px;
padding-bottom: 40px
}
.flashsale-timebox {
display: inline-flex;
margin-left: 30px
}
.flashsale-timer {
display: inline-flex;
gap: 10px;
padding-left: 10px
}
.flashsale-timer>div {
background: #cde8f0;
font-size: 1.25rem;
color: #005470;
padding: 8px 10px 5px 10px;
border-radius: 6px;
line-height: 1
}
.flashsale-clear {
width: 100%
}
.flashsale-tag {
display: inline-flex;
gap: 15px
}
.flashsale-tag-row {
display: flex;
flex-wrap: wrap;
margin-top: 15px
}
.flashsale-tag-item {
font-size: 1.125rem;
background: #ededed;
border-radius: 50px;
color: #005470;
border: 0;
padding: 5px 15px 3px 15px;
transition: .5s all ease
}
.flashsale-tag-item:hover {
transform: translate(0, -2px)
}
.flashsale-tag-item.active {
background: #005470;
color: #fff
}
.flashsale-btn {
width: 32px;
height: 32px;
color: #fff;
background: #005470;
border-radius: 50px;
border: 0;
display: inline-flex;
align-items: center;
justify-content: center
}
.flashsale-btn i {
display: inline-flex
}
.flashsale-btn-box {
display: inline-flex;
gap: 12px;
margin-left: auto;
margin-top: 15px
}
.product-overflow {
overflow: hidden
}
.product-carousel {
margin-bottom: 50px
}
.product-carousel .owl-stage {
display: flex
}
.product-carousel .owl-stage-outer {
overflow: visible
}
.product-carousel .owl-item {
transition: .5s all ease
}
.product-carousel .owl-item:not(.active) {
opacity: 0;
pointer-events: none
}
.product-img {
overflow: hidden;
background: #fff;
border-radius: 15px;
box-shadow: 0px 0px 3px rgba(0, 0, 0, .15);
margin-bottom: 10px;
display: block;
transition: .5s all ease
}
.product-img>img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
aspect-ratio: 1;
transition: .5s all ease
}
.product-tag {
font-size: .875rem;
color: #005470;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 7px
}
.product-tag img {
max-width: 24px;
margin-right: 2px
}
.product-price {
font-size: 1.5rem;
color: #005470;
font-weight: 600;
display: flex;
flex-wrap: wrap;
align-items: center;
line-height: .5
}
.product-price-sale {
color: #d03e40;
font-size: 1.75rem
}
.product-price-discount {
font-size: .75em;
font-weight: 400;
color: #000;
position: relative;
margin-left: 10px
}
.product-price-discount::before {
content: "";
position: absolute;
width: 105%;
height: 1px;
background: #000;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(-15deg)
}
.product-sold {
font-size: .875rem;
color: #1e280c;
text-align: right;
padding-top: 3px
}
.product-sold-bar {
display: block;
height: 9px;
width: 100%;
background: #f2f2f2;
border-radius: 20px;
margin: 5px 0 10px 0;
position: relative;
overflow: hidden
}
.product-sold-bar::before {
content: "";
display: block;
height: 9px;
position: absolute;
left: 0;
top: 0;
background: #93d500;
border-radius: 20px;
width: calc(var(--sold)/var(--stock)*100%)
}
.product-action {
position: relative
}
.product-action-pop {
position: absolute;
left: 0;
width: 100%;
top: 60%;
transform: translate(0, -50%);
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
visibility: hidden;
z-index: -1;
opacity: 0;
transition: .5s all ease;
pointer-events: none
}
.product-action-btn {
width: 44px;
height: 44px;
border-radius: 50px;
background: #93d500;
border: 0;
display: block;
padding: 7px;
transition: .5s all ease;
pointer-events: all
}
.product-action-btn img {
width: 100%;
height: auto;
display: block
}
.product-action-btn-detail {
background: #005470;
padding: 13px
}
.product-action-btn-fav {
background: #d03e40
}
.product-action-btn-fav img {
filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(87deg) brightness(104%) contrast(101%)
}
.product-action-btn:hover {
transform: translate(0, -2px)
}
.product-item {
display: block;
transition: .5s all ease
}
.product-item figcaption h3 {
font-size: 1.375rem;
color: #1e280c;
margin-bottom: 7px;
min-height: 2em;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden
}
@media(min-width: 992px) {
.product-item:hover {
transform: translate(0, -3px)
}
.product-item:hover .product-img {
background: #005470
}
.product-item:hover .product-img>img {
transform: scale(1.05);
opacity: .5
}
.product-item:hover .product-action-pop {
top: 50%;
visibility: visible;
z-index: 2;
opacity: 1
}
}
.product-group {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 25px;
margin-top: 15px;
margin-bottom: 60px
}
.product-group-list {
display: inline-flex;
font-size: 1.375rem;
background: rgba(0, 84, 112, .1);
padding: 14px 15px 12px 15px;
border-radius: 6px;
justify-content: center;
align-items: center;
min-height: 78px;
transition: .5s all ease;
color: #005470;
text-align: center
}
.product-group-list:hover {
background: #005470;
color: #fff;
transform: translate(0, -3px)
}
.product-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 55px 25px;
margin-bottom: 40px;
transition: .5s all ease
}
.product-grid-6-column {
grid-template-columns: repeat(6, 1fr);
gap: 30px 15px
}
.product-grid-6-column .product-item figcaption h3 {
font-size: 1.125rem
}
.product-grid-6-column .product-action-pop {
gap: 10px
}
.product-grid-6-column .product-price {
font-size: 1.25rem
}
.product-grid-6-column .product-price-sale {
font-size: 1.375rem
}
.promo-banner {
position: relative;
margin-top: 50px;
margin-bottom: 50px
}
.promo-banner-img {
overflow: hidden;
border-radius: 15px
}
.promo-banner-img>img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 3.3939393939;
transition: .5s all ease
}
.promo-banner figcaption {
position: absolute;
left: 80px;
top: 50%;
transform: translate(0, -50%);
max-width: 350px;
color: #1e280c
}
.promo-banner figcaption h4 {
font-size: 1.125rem;
font-weight: 400;
margin-bottom: 10px
}
.promo-banner figcaption h3 {
font-size: 2.25rem;
margin-bottom: 15px
}
.promo-banner-btn {
display: inline-block;
color: #005470;
background: #fff;
border-radius: 50px;
padding: 10px 25px;
font-size: 1.375rem;
transition: .5s all ease
}
.promo-banner-btn:hover {
color: #005470;
transform: translate(0, -2px)
}
.article-overflow {
overflow: hidden
}
.article-carousel {
margin-bottom: 50px
}
.article-carousel .owl-stage {
display: flex
}
.article-carousel .owl-stage-outer {
overflow: visible
}
.article-carousel .owl-item {
transition: .5s all ease
}
.article-carousel .owl-item:not(.active) {
opacity: 0;
pointer-events: none
}
.article-img {
overflow: hidden;
border-radius: 15px;
margin-bottom: 15px
}
.article-img>img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 1.4897959184;
transition: .5s all ease
}
.article-date {
color: #c3c3c3;
font-size: 1.125rem;
margin-bottom: 3px;
display: flex;
flex-wrap: wrap;
align-items: center;
line-height: 1
}
.article-date img {
max-width: 24px;
height: auto;
display: block;
margin-right: 5px;
margin-bottom: 2px
}
.article-item {
display: block;
transition: .5s all ease
}
.article-item figcaption h4 {
color: #1e280c;
font-size: 1.75rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 5px
}
.article-item figcaption p {
color: #1e280c;
font-size: 1.25rem;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 8px;
line-height: 1.25
}
.article-item-readmore {
color: #005470;
font-size: 1.25rem;
text-decoration: underline
}
.article-item:hover {
transform: translate(0, -5px)
}
.article-item:hover .article-img img {
transform: scale(1.05)
}
.footer-bg {
background: #fff;
box-shadow: 0px -1px 2px rgba(0, 0, 0, .1);
padding-top: 30px
}
.footer-logo {
width: 100px;
height: auto;
display: block;
margin-bottom: 15px
}
.footer-tel {
display: inline-block;
font-size: 1.125rem;
color: #1e280c
}
.footer-tel:hover {
color: #005470
}
.footer-info {
padding-bottom: 30px
}
.footer-info address {
font-size: 1.125rem;
color: #1e280c;
margin-bottom: 10px;
line-height: 1.25
}
.footer-menu h5 {
font-size: 1.375rem;
color: #1e280c;
margin-bottom: 15px;
margin-top: 10px
}
.footer-menu ul {
display: flex;
flex-direction: column;
align-items: flex-start;
list-style: none;
padding: 0;
margin-bottom: 20px;
gap: 10px
}
.footer-menu ul li a {
display: block;
color: #1e280c;
font-size: 1.125rem;
transition: .5s all ease
}
.footer-menu ul li a:hover {
color: #005470;
transform: translate(3px, 0)
}
.footer-copyright {
font-size: 1rem;
color: #fff
}
.footer-copyright-bg {
background: #005470
}
.footer-copyright-box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding-top: 10px;
padding-bottom: 10px
}
.footer-copyright-logo {
display: inline-flex;
gap: 15px
}
.footer-copyright-logo img {
width: auto;
height: 23px;
display: block
}
.footer-social {
display: flex;
flex-wrap: wrap;
gap: 15px
}
.footer-social-icon {
width: 38px;
height: 38px;
border-radius: 50px;
border: 1px solid #000;
display: inline-flex;
align-items: center;
justify-content: center;
transition: .5s all ease
}
.footer-social-icon img {
width: 20px;
height: 20px;
object-fit: contain
}
.footer-social-icon:hover {
filter: brightness(0) saturate(100%) invert(75%) sepia(25%) saturate(7137%) hue-rotate(37deg) brightness(108%) contrast(102%);
transform: translate(0, -2px)
}
.overlay,
.overlay-filter {
background-color: rgba(0, 0, 0, .7);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 7;
display: none
}
.overlay-filter,
.overlay-filter-filter {
z-index: 90
}
.breadcrumb {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 25px;
margin-bottom: 40px
}
.breadcrumb-item {
font-size: 1.25rem;
display: block;
color: #1e280c
}
a.breadcrumb-item:hover {
color: #93d500
}
.form-input {
margin-bottom: 20px
}
.form-input label {
font-size: 1.125rem;
color: #414141;
margin-bottom: 10px
}
.form-input label .text-red {
color: #d03e40;
padding-left: 2px
}
.form-input label h4 {
margin-bottom: 0
}
.form-input label h5 {
display: inline;
margin-bottom: 0
}
.form-input .select2-container {
display: block
}
.form-input .select2-container--default .select2-selection--single {
display: flex;
height: 48px;
font-size: 1.125rem;
padding: 5px 25px 5px 10px;
border: 1px solid #d5d5d5;
border-radius: 4px;
outline: 0;
align-items: center
}
.form-input .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 48px
}
.form-input select {
width: 100%;
height: 48px;
font-size: 1.125rem;
padding: 5px 25px 5px 10px;
border: 1px solid #d5d5d5;
border-radius: 4px;
outline: 0
}
.form-input input,
.form-input textarea {
width: 100%;
height: 48px;
font-size: 1.125rem;
padding: 5px 10px;
border: 1px solid #d5d5d5;
border-radius: 4px;
outline: 0
}
.form-input input.noborder,
.form-input textarea.noborder {
border: 0;
background: transparent
}
.form-input input.datepicker,
.form-input textarea.datepicker {
padding: 5px 30px 5px 10px;
background-size: 18px;
background-position: right 10px center;
background-repeat: no-repeat;
background-image:url('data:image/svg+xml,')
}
.form-input textarea {
height: auto
}
.form-input-wclose {
display: flex;
margin-bottom: 15px
}
.form-input-wclose input,
.form-input-wclose select {
height: 40px;
width: calc(100% - 26px);
margin-right: 10px
}
.form-input-wclose .select2-container .select2-selection--single {
height: 40px
}
.form-input-wclose .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 38px
}
.form-checkbox-text {
padding-left: 30px;
padding-top: 2px;
position: relative;
font-size: 1.125rem;
color: #686868;
cursor: pointer
}
.form-checkbox-text::before {
content: "";
width: 22px;
height: 22px;
border: 1px solid #d5d5d5;
position: absolute;
left: 0px;
top: -1px;
border-radius: 4px;
transition: .5s all ease
}
.form-checkbox-text i {
position: absolute;
left: 2px;
top: 2px;
font-size: 16px;
color: #fff;
transform: scale(0);
transition: .5s all ease
}
.form-checkbox input {
display: none
}
.form-checkbox input:checked+.form-checkbox-text::before {
background: #93d500;
border-color: #93d500
}
.form-checkbox input:checked+.form-checkbox-text i {
transform: scale(1)
}
.form-radio-box {
padding-left: 20px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
margin-bottom: 20px
}
.form-radio-box-inline {
flex-direction: row;
gap: 10px 30px;
margin-bottom: 5px
}
.form-radio-wother {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
max-width: 100%
}
.form-radio-wother input {
height: 32px;
font-size: 1.125rem;
padding: 2px 10px;
border: 1px solid #d5d5d5;
border-radius: 4px;
outline: 0;
width: 460px;
max-width: 100%
}
.form-radio-text {
padding-left: 28px;
position: relative;
font-size: 1.125rem;
color: #000;
cursor: pointer;
line-height: 1.15
}
.form-radio-text::before {
content: "";
width: 18px;
height: 18px;
border: 1px solid #414141;
position: absolute;
left: 0px;
top: 0px;
border-radius: 50px;
transition: .5s all ease
}
.form-radio-text i {
position: absolute;
left: 1px;
top: 1px;
font-size: 16px;
color: #fff;
transform: scale(0);
transition: .5s all ease
}
.form-radio input {
display: none
}
.form-radio input:checked+.form-radio-text::before {
background: #93d500;
border-color: #93d500
}
.form-radio input:checked+.form-radio-text i {
transform: scale(1)
}
.form-head {
border-bottom: 2px solid #9f9f9f;
display: flex;
flex-wrap: wrap;
padding: 10px 10px 5px 10px;
margin-bottom: 20px
}
.form-head h3 {
font-size: 1.5rem;
color: #1e280c;
font-weight: 400;
margin-bottom: 0
}
.form-btn-add {
padding: 0;
background: transparent;
border: 0;
margin-left: auto;
display: block
}
.form-btn-add img {
width: 18px;
height: auto;
display: block
}
.form-btn-del {
padding: 0;
background: transparent;
border: 0;
margin-left: auto;
display: block;
width: 16px;
height: 16px;
align-self: center
}
.form-btn-del img {
width: 18px;
height: auto;
display: block
}
.form-btn {
display: inline-block;
padding: 15px;
font-size: 1.25rem;
background: #005470;
color: #fff;
border: 0;
border-radius: 50px;
min-width: 130px;
text-align: center;
transition: .5s all ease
}
.form-btn:hover {
color: #fff;
background: #93d500;
transform: translate(0, -3px)
}
.form-btn-back {
background: #ededed;
color: #1e280c
}
.form-btn-back:hover {
color: #fff;
background: #666
}
.form-btn-box {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 45px;
margin-top: 25px;
margin-bottom: 5px
}
.form-uploadfile {
border: 1px dashed #c3c3c3;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 32px auto;
background-position: center 10px;
position: relative;
height: 80px;
border-radius: 15px;
padding-top: 50px;
margin-bottom: 20px
}
.form-uploadfile span {
display: block;
font-size: 1.125rem;
text-align: center
}
.form-uploadfile input {
opacity: 0;
z-index: 3;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.login-box {
border: 1px solid #ededed;
border-radius: 15px;
padding: 30px;
margin-bottom: 80px
}
.login-box h2 {
text-align: center;
font-size: 2.5rem;
color: #1e280c;
margin-bottom: 30px
}
.login-form {
max-width: 470px;
margin: 0 auto
}
.login-forgot {
display: flex;
align-items: center;
margin-bottom: 15px
}
.login-forgot-btn {
font-size: 1.125rem;
display: block;
margin-left: auto;
color: #686868;
transition: .5s all ease
}
.login-forgot-btn:hover {
color: #93d500
}
.login-btn {
padding: 13px 30px;
font-size: 1.375rem;
color: #fff;
background: #005470;
border-radius: 50px;
display: block;
margin: 0 auto 15px auto;
border: 0;
transition: .5s all ease
}
.login-btn:hover {
transform: translate(0, -2px);
background: #93d500
}
.login-or {
width: 770px;
max-width: 100%;
display: flex;
margin: 0 auto 15px auto;
justify-content: center;
align-items: center
}
.login-or span {
display: block;
padding: 5px 15px;
white-space: nowrap;
font-size: 1.125rem
}
.login-or::before,
.login-or::after {
content: "";
background: #ededed;
height: 1px;
width: 100%
}
.login-social {
display: flex;
justify-content: center;
gap: 20px;
margin-bottom: 20px
}
.login-social-btn {
display: block;
background: transparent;
border: 0;
transition: .5s all ease
}
.login-social-btn img {
width: 36px;
height: 36px;
display: block;
object-fit: contain
}
.login-social-btn:hover {
transform: translate(0, -2px)
}
.login-register {
text-align: center;
font-size: 1.125rem;
margin-bottom: 10px
}
.login-register a {
color: #005470
}
.register-box {
border: 1px solid #ededed;
border-radius: 15px;
padding: 30px;
text-align: center;
color: #1e280c;
display: flex;
flex-direction: column
}
.register-box h2 {
font-size: 3.75rem;
font-weight: 600;
margin-bottom: 25px
}
.register-box h3 {
font-size: 2.75rem;
font-weight: 600;
margin-bottom: 15px;
display: flex;
align-items: center;
justify-content: center
}
.register-box h3 img {
width: 50px;
height: auto;
margin-right: 10px;
margin-bottom: 5px
}
.register-box h4 {
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 5px;
line-height: 1.25
}
.register-box p {
font-size: 1.125rem;
margin-bottom: 15px;
line-height: 1.25
}
.register-box-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
margin-bottom: 80px
}
.register-box ul {
list-style: none;
margin-top: 20px;
margin-bottom: 20px;
padding: 0
}
.register-box ul li {
font-size: 1.125rem;
display: flex;
text-align: left;
line-height: 1.25;
margin-bottom: 20px
}
.register-box ul li img {
width: 24px;
display: block;
margin-right: 10px;
align-self: flex-start;
margin-top: -3px
}
.register-box-btn {
padding: 13px 30px;
font-size: 1.375rem;
color: #fff;
background: #93d500;
border-radius: 50px;
display: inline-block;
margin: auto auto 0 auto;
border: 0;
transition: .5s all ease
}
.register-box-btn:hover {
transform: translate(0, -2px);
background: #005470;
color: #fff
}
.register-box:first-child {
background: #005470;
color: #fff;
text-align: left
}
.register-form {
border-left: 1px solid #eee;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 70px;
border-radius: 0 0 15px 15px
}
.register-form-paragraph {
margin-bottom: 15px
}
.register-form-paragraph p {
font-size: 1.125rem;
color: #414141;
line-height: 1.35;
margin-bottom: 10px
}
.register-form-subhead h4 {
color: #000;
font-size: 1.375rem;
margin-bottom: 5px
}
.register-form-subhead h4:last-child {
margin-bottom: 20px
}
.register-form-subhead h5 {
color: #000;
margin-bottom: 15px;
font-size: 1.25rem
}
.register-form-head {
background: #e5eef1;
padding: 25px 15px;
border-radius: 15px 15px 0 0;
text-align: center
}
.register-form-head h2 {
font-weight: 400;
color: #1e280c;
font-size: 2.5rem;
margin-bottom: 15px
}
.register-form-head p {
font-size: 1.5rem;
margin-bottom: 0;
color: #1e280c
}
.register-form-container {
max-width: 875px;
margin: 0 auto;
padding: 40px 15px
}
.register-form-container-full {
padding: 50px 25px;
max-width: 100%
}
.register-form-step {
display: inline-flex;
flex-direction: column;
align-items: center
}
.register-form-step-box {
display: flex;
justify-content: center;
align-items: center;
gap: 40px
}
.register-form-step span {
width: 26px;
height: 26px;
display: block;
font-size: 1.5rem;
background: #b7b7b7;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50px;
color: #e5eef1;
margin-bottom: 10px;
padding-bottom: 1px
}
.register-form-step span i {
font-size: 1.125rem;
margin-top: 6px
}
.register-form-step p {
font-size: 1rem;
white-space: nowrap
}
.register-form-step-dot {
display: inline-flex;
gap: 8px;
margin-bottom: 8px
}
.register-form-step-dot span {
width: 4px;
height: 4px;
display: block;
background: #d9d9d9;
border-radius: 10px
}
.register-form-step.active span {
background: #005470
}
.register-form-step.active+.register-form-step-dot span {
background: #005470
}
.datepicker.dropdown-menu {
font-size: 18px
}
.backtotop {
position: fixed;
bottom: 15px;
right: 15px;
opacity: 0;
transition: .5s all ease;
background: #93d500;
width: 50px;
height: 50px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
border-radius: 60px;
border: 0;
z-index: 2;
pointer-events: none
}
.backtotop img {
width: 20px;
height: auto
}
.backtotop.active {
opacity: 1;
pointer-events: all
}
.pharmacist-bg {
background: #005470;
padding-top: 65px;
padding-bottom: 55px;
color: #fff;
text-align: center;
margin-bottom: 70px
}
.pharmacist-bg h4 {
font-size: 2rem;
font-weight: 400
}
.pharmacist-bg h3 {
font-size: 2.5rem;
margin-bottom: 35px
}
.pharmacist-contact {
display: inline-block;
background: #fff;
color: #005470;
font-size: 1.375rem;
padding: 15px 60px;
border-radius: 50px;
transition: .5s all ease
}
.pharmacist-contact:hover {
background: #93d500;
color: #fff;
transform: translate(0, -2px)
}
.drop_zone {
border: 1px dashed #ccc;
border-radius: 4px;
padding: 10px;
transition: background-color .1s linear .1s;
text-align: center;
position: relative;
border-radius: 15px;
background: #fff;
display: flex;
flex-wrap: wrap;
justify-content: center
}
.drop_zone>img {
width: 100%;
height: 32px;
display: block;
object-fit: contain;
margin-bottom: 10px
}
.drop_zone.dragover {
background-color: #f5f5f5
}
.drop_zone>span {
color: #c3c3c3;
font-size: 1.25rem;
text-align: center;
display: block;
margin-bottom: 5px;
z-index: 0;
pointer-events: none
}
.drop_zone>label {
color: #000;
font-size: 1.25rem;
text-decoration: underline;
padding-left: 5px;
cursor: pointer
}
.drop_zone>label>input {
display: none
}
.files-container {
display: grid;
grid-template-columns: repeat(8, 1fr);
gap: 15px;
margin-top: 20px;
margin-bottom: 20px
}
.file-upload-item {
border-radius: 15px;
border: 1px solid #d9d9d9;
border-radius: 5px;
position: relative;
background: #d9d9d9
}
.file-upload-img {
overflow: hidden;
border-radius: 5px 5px 0 0;
background: #fff
}
.file-upload-img>img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 1;
transition: .5s all ease
}
.file-upload-text {
border-radius: 0 0 5px 5px;
padding: 5px;
color: #000;
font-size: .75rem;
word-break: break-all
}
.file-upload-text img {
margin-right: 3px;
align-self: flex-start
}
.file-upload-del {
position: absolute;
right: 0;
top: 0;
background: #fff;
border-radius: 3px;
padding: 0;
border: 0
}
.chat-btn {
display: block;
padding: 6px;
transition: .5s all ease;
border-radius: 50px
}
.chat-btn img {
width: 30px;
height: auto;
display: block;
transition: .5s all ease
}
.chat-btn:hover {
background: #fff
}
.chat-btn:hover img {
filter: invert(100%)
}
.chat-btn-box {
position: fixed;
right: 0;
top: 50%;
background: #1e280c;
z-index: 2;
padding: 5px;
border-radius: 10px 0 0 10px
}
.chat-btn-box hr {
margin: 3px 6px;
opacity: 1;
background: #fff;
transition: .5s all ease
}
.accept-box {
display: flex;
flex-direction: column;
gap: 15px;
margin-bottom: 15px
}
.accept-list {
display: flex;
flex-wrap: wrap;
align-items: center
}
.accept-list .form-radio:last-child {
margin-left: 60px
}
.accept-topic {
font-size: 1.125rem;
color: #1e280c;
margin-right: 20px;
width: 200px;
text-align: right
}
.accept-policy-text {
color: #1e280c;
line-height: 1.5;
font-size: 1.125rem
}
.accept-policy-text-center {
text-align: center
}
.accept-policy-text h4 {
color: #005470;
font-weight: 600;
margin-bottom: 5px;
font-size: 1.125rem
}
.accept-policy-text p {
margin-bottom: 15px
}
.accept-policy-text i {
color: #666
}
.accept-policy-list {
margin-bottom: 25px
}
.accept-policy-list h5 {
color: #1e280c;
font-weight: 600;
margin-bottom: 15px;
font-size: 1.125rem
}
.accept-policy-list h6 {
color: #1e280c;
font-weight: 400;
margin-bottom: 15px;
padding-left: 10px;
font-size: 1.125rem;
line-height: 1.35
}
.accept-policy-list .form-radio {
display: inline-flex;
padding-left: 20px;
width: 150px;
max-width: 45%
}
.accept-policy-list .form-radio-text {
color: #414141
}
.accept-policy-notice {
margin-bottom: 15px
}
.accept-policy-notice h4 {
color: #005470;
font-weight: 600;
margin-bottom: 10px;
font-size: 1.125rem
}
.accept-policy-notice .form-radio {
display: inline-flex;
padding-top: 0
}
.accept-policy-notice .form-radio-text {
color: #414141;
line-height: 1.25
}
.accept-policy-notice .form-radio-text::before {
top: 3px
}
.accept-policy-notice .form-radio-text i {
top: 4px
}
.accept-policy-notice .form-radio-text a {
color: #005470;
text-decoration: underline
}
.otp-request {
display: flex;
justify-content: center;
margin-bottom: 15px
}
.otp-request-btn {
display: block;
color: #005470;
font-weight: 600;
text-decoration: underline;
font-size: 1.125rem
}
.document-wholesale-list {
display: flex;
flex-wrap: wrap;
align-items: center;
border-bottom: 1px solid #b7b7b7;
padding-bottom: 20px;
margin-bottom: 20px
}
.document-wholesale-topic {
display: inline-flex;
width: calc(100% - 440px);
padding-right: 10px;
align-items: center
}
.document-wholesale-topic img {
width: 40px;
height: auto;
display: block
}
.document-wholesale-topic h6 {
font-size: 1.125rem;
color: #686868;
width: calc(100% - 40px);
margin-bottom: 0;
font-weight: 400;
padding-left: 10px
}
.document-wholesale-upload {
background: #f5f5f5;
border-radius: 8px;
width: 400px;
padding: 10px;
height: 0;
opacity: 0;
max-width: 20px
}
.document-wholesale-upload.active {
opacity: 1;
height: auto;
max-width: 100%
}
.document-wholesale-upload.active+.document-wholesale-upload-del {
display: block
}
.document-wholesale-upload.active~.document-wholesale-upload-browse {
display: none
}
.document-wholesale-upload-filename {
color: #93d500;
font-size: 1.125rem;
margin-bottom: 5px
}
.document-wholesale-upload-filesize {
color: #414141;
font-size: .875rem;
margin-bottom: 3px
}
.document-wholesale-upload-box {
border: 1px solid #c3c3c394;
width: 100%;
border-radius: 50px;
background: #d9d9d9;
overflow: hidden
}
.document-wholesale-upload-box label {
visibility: hidden;
position: absolute
}
.document-wholesale-upload-bar {
background: #93d500;
display: block;
width: 100%;
border-radius: 50px;
height: 14px
}
.document-wholesale-upload-bar::-webkit-progress-value {
background: #93d500
}
.document-wholesale-upload-bar::-moz-progress-bar {
background: #93d500
}
.document-wholesale-upload-del {
width: 24px;
height: 24px;
display: block;
padding: 0;
border: 0;
background: transparent;
font-size: 1.25rem;
margin-left: 16px;
color: #1e280c;
display: none;
cursor: pointer
}
.document-wholesale-upload-browse {
position: relative;
font-size: 1.125rem;
padding: 10px 25px;
background: #005470;
border-radius: 50px;
color: #fff;
margin-left: auto
}
.document-wholesale-upload-browse input {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0
}
.success-box {
text-align: center;
display: flex;
flex-direction: column;
padding: 50px 15px;
gap: 30px
}
.success-box i {
font-size: 5.375rem;
color: #93d500
}
.success-box h6 {
font-size: 1.625rem;
color: #000;
margin-bottom: 0
}
.success-box p {
font-size: 1.125rem;
margin-bottom: 0;
line-height: 1.25
}
.success-thank {
font-size: 2.25rem;
color: #005470;
font-weight: 600
}
.box-step:not(:first-of-type) {
display: none
}
.account-head {
margin-bottom: 40px;
display: flex;
justify-content: space-between;
align-items: center
}
.account-head h2 {
color: #000;
margin-bottom: 0
}
.account-btn-menu {
display: none
}
.account-grid {
display: flex;
flex-wrap: wrap
}
.account-content {
width: calc(100% - 280px);
padding-left: 15px
}
.account-content-bg {
background: #f4f4f4;
border-radius: 15px;
padding: 30px;
margin-bottom: 24px
}
.account-content-bg .pagination {
margin-bottom: 0;
margin-top: 20px
}
.account-content-bg:last-child {
margin-bottom: 50px
}
.account-content-bg h3 {
font-size: 2rem;
color: #000;
margin-bottom: 15px
}
.account-menu-box {
width: 280px;
padding: 0 20px
}
.account-menu-box ul {
list-style: none;
padding-left: 0;
margin: 0;
gap: 5px
}
.account-menu-box ul li a {
padding: 10px 15px;
display: flex;
font-size: 1.5rem;
color: #000;
align-items: center;
border-radius: 10px;
transition: .5s all ease
}
.account-menu-box ul li a img {
width: 36px;
height: auto;
display: block;
margin-right: 5px;
transition: .5s all ease
}
.account-menu-box ul li a:hover {
transform: translate(3px, 0)
}
.account-menu-box ul li a.active {
background: #005470;
color: #fff
}
.account-menu-box ul li a.active img {
filter: invert(100%) brightness(150%)
}
.account-menu-box ul li a.active+.account-menu-sub {
display: block
}
.account-menu-sub {
display: none
}
.account-menu-sub ul {
padding-left: 30px;
margin-bottom: 10px
}
.account-menu-sub ul li a {
padding: 7px 5px;
font-size: 1.25rem
}
.account-menu-sub ul li a.account-menu-sub-btn {
font-size: 1.25rem;
border: 0;
padding: 10px 10px 10px 30px;
width: 100%;
background: transparent;
border-bottom: 1px solid #c3c3c3;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: 2px center;
text-align: left;
border-radius: 0;
transition: .5s all ease;
margin-bottom: 10px
}
.account-menu-sub ul li a.account-menu-sub-btn:hover {
color: #000;
filter: brightness(0) saturate(100%) invert(12%) sepia(73%) saturate(5506%) hue-rotate(183deg) brightness(93%) contrast(101%);
transform: translate(2px, 0)
}
.account-menu-sub ul li a.active {
background-color: transparent;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: right center;
color: #000;
font-weight: 600
}
.account-social {
display: flex;
flex-wrap: wrap;
margin-bottom: 25px
}
.account-social img {
width: 36px;
height: auto;
margin-right: 5px
}
.account-social-input {
width: 240px;
border: 1px solid #93d500;
padding: 0 10px;
border-radius: 10px 0 0 10px;
background-color: #fff
}
.account-social-btn {
width: 120px;
background: #93d500;
border: 1px solid #93d500;
color: #fff;
border-radius: 0 10px 10px 0
}
.account-social-btn i {
margin-left: 5px;
font-size: .75em
}
.account-info {
padding: 20px 40px
}
.account-info-form-disabled .form-input input,
.account-info-form-disabled .form-input select {
height: auto;
border: 0;
padding: 0;
background: transparent;
color: #000
}
.account-info-form-disabled .files-container {
margin-top: 0
}
.account-info-save {
justify-content: flex-end;
display: flex;
margin-top: 15px
}
.account-info-user {
display: flex;
align-items: center;
margin-bottom: 30px
}
.account-info-user-img {
width: 150px;
height: 150px;
position: relative
}
.account-info-user-img img {
width: 100%;
height: 100%;
display: block;
border-radius: 50%;
object-fit: cover
}
.account-info-user-img-upload {
width: 30px;
height: 30px;
overflow: hidden;
position: absolute;
bottom: 10px;
right: 10px
}
.account-info-user-img-upload input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0
}
.account-info-user-name {
width: calc(100% - 150px);
padding-left: 30px
}
.account-info-user-name h6 {
font-size: 2.75rem;
color: #000;
margin-bottom: 15px
}
.account-info-user-edit {
display: inline-flex;
border: 0;
background: #005470;
border-radius: 50px;
padding: 20px 20px;
font-size: 1.125rem;
color: #fff;
transition: .5s all ease
}
.account-info-user-edit:hover {
color: #fff;
transform: translate(0, -2px)
}
.medical-history {
margin-bottom: 25px
}
.medical-history-item {
background: #fff;
padding: 15px;
border-radius: 15px;
margin-bottom: 10px
}
.medical-history-item h6 {
font-weight: 600
}
.medical-history-topic {
font-size: 1.375rem;
color: #005470;
font-weight: 600;
margin-bottom: 10px;
position: relative;
cursor: pointer;
margin-bottom: 0
}
.medical-history-topic-btn {
position: absolute;
width: 12px;
right: 0;
top: 10px
}
.medical-history-topic-btn span {
width: 100%;
display: block;
height: 3px;
background: #005470;
border-radius: 2px;
transition: .5s all ease
}
.medical-history-topic-btn span:nth-child(2) {
transform: rotate(90deg);
position: absolute;
top: 0
}
.medical-history-topic.active .medical-history-topic-btn span:nth-child(2) {
transform: rotate(0deg)
}
.medical-history-detail {
display: none
}
.medical-history-detail-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 5px;
padding-top: 15px
}
.medical-history-detail h6 {
margin-bottom: 5px;
color: #000;
font-size: 1.125rem
}
.medical-history-detail p {
color: #333;
margin-bottom: 10px;
font-size: 1.125rem
}
.medical-history-detail-list:nth-child(3),
.medical-history-detail-list:nth-child(4),
.medical-history-detail-list:nth-child(5) {
grid-column: span 2
}
.medical-history-detail-list:nth-child(n+6) {
grid-column: span 4
}
.medical-history-detail-list-drug:nth-child(2) {
grid-column: span 2
}
.medical-history-detail-list-drug:nth-child(n+4) {
grid-column: span 4
}
.order-history-calendar {
display: flex
}
.order-history-calendar .input-daterange {
margin-left: auto;
display: inline-flex;
align-items: center;
width: 350px;
margin-bottom: 15px
}
.order-history-calendar .input-daterange input {
width: 160px;
height: 36px;
font-size: 1.125rem;
padding: 5px 5px 5px 30px;
border: 1px solid #d5d5d5;
border-radius: 4px;
outline: 0;
text-align: left;
background-size: 16px;
background-position: 7px center;
background-repeat: no-repeat;
background-image:url('data:image/svg+xml,')
}
.order-history-calendar .input-daterange .to-text {
width: 30px;
text-align: center;
display: block;
color: #000
}
.order-history-btn-copy {
display: inline-block;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 4.35714V2.92857C7.5 2.13959 6.82843 1.5 6 1.5H3C2.17157 1.5 1.5 2.13959 1.5 2.92857V7.92857C1.5 8.71755 2.17157 9.35714 3 9.35714H6C6.82843 9.35714 7.5 8.71755 7.5 7.92857V6.14286M4.5 9.35714V10.0714C4.5 10.8604 5.17157 11.5 6 11.5H9C9.82843 11.5 10.5 10.8604 10.5 10.0714V5.78571C10.5 4.99674 9.82843 4.35714 9 4.35714H6C5.17157 4.35714 4.5 4.99674 4.5 5.78571V7.57143' stroke='%233D3D3D' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-position: right center;
background-repeat: no-repeat;
padding-right: 18px;
cursor: pointer;
color: #000
}
.order-history-btn-copy:hover {
color: #000;
filter: brightness(0) saturate(100%) invert(13%) sepia(79%) saturate(4517%) hue-rotate(182deg) brightness(92%) contrast(101%)
}
.order-history-btn-detail {
display: inline-block;
text-decoration: underline;
color: #000
}
.order-history-btn-detail:hover {
color: #005470
}
.order-history-table {
color: #000
}
.order-history-table-body {
background: #fff;
border-radius: 6px
}
.order-history-table-row {
display: flex;
flex-wrap: wrap;
font-size: 1.125rem;
padding-left: 10px;
padding-right: 10px
}
.order-history-table-row-head {
border: 1px solid #c3c3c3;
border-radius: 6px;
background: #fff;
font-size: 1.25rem;
margin-bottom: 10px;
font-weight: 600
}
.order-history-table-row hr {
width: calc(100% - 32px);
margin-left: 16px;
color: #e9e9e9;
opacity: 1;
margin: 0 auto
}
.order-history-table-col {
padding: 15px 5px;
width: 16%;
text-align: center
}
.order-history-table-col:first-child {
width: 20%;
text-align: left
}
.order-history-table-col-xs {
font-size: 1.125rem;
color: #005470;
font-weight: 600;
display: none
}
.order-history-viewmore {
margin: 15px auto 0 auto;
display: block;
font-size: 1.125rem;
color: #000;
border: 0;
background: transparent;
transition: .5s all ease
}
.order-history-viewmore:hover {
color: #005470
}
.order-history-head {
display: flex;
align-items: center
}
.order-history-head-detail {
margin-left: auto;
text-align: right;
color: #000;
line-height: 1.5;
font-size: 1.125rem;
margin-bottom: 15px
}
.order-history-progress {
display: flex;
border-bottom: 1px solid #dadada;
padding-bottom: 10px
}
.order-history-progress-item {
width: 25%;
text-align: center;
font-size: 1.125rem;
color: #000;
line-height: 1.25;
position: relative;
display: inline-flex;
flex-direction: column
}
.order-history-progress-item-icon {
width: 55px;
height: 55px;
border-radius: 50%;
border: 2px solid #b8b8b8;
margin: 0 auto;
display: flex;
padding: 10px;
order: -1
}
.order-history-progress-item-icon img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
opacity: .3
}
.order-history-progress-item a {
color: #000;
text-decoration: underline
}
.order-history-progress-item::before {
content: "";
width: 12px;
height: 12px;
border: 1px solid #8c8c8c;
border-radius: 50px;
display: block;
margin: 10px auto 20px auto;
color: #000;
z-index: 3
}
.order-history-progress-item.active::before {
background: #93d500;
border-color: #93d500
}
.order-history-progress-item.active:not(:first-child)::after {
content: "";
position: absolute;
top: 71px;
right: calc(50% + 8px);
border-bottom: 1px dashed #000;
width: calc(100% - 16px);
z-index: 0
}
.order-history-progress-item.active .order-history-progress-item-icon {
border: 2px solid #93d500
}
.order-history-progress-item.active .order-history-progress-item-icon img {
opacity: 1
}
.order-history-product {
display: flex;
align-items: center;
border-bottom: 1px solid #dadada
}
.order-history-product-item {
display: inline-flex;
align-items: center;
padding: 15px 10px
}
.order-history-product-item img {
width: 80px;
height: 80px;
display: block;
border-radius: 15px;
object-fit: cover;
margin-right: 20px
}
.order-history-product-text h5 {
font-size: 1.5rem;
margin-bottom: 5px;
color: #000;
font-weight: 400
}
.order-history-product-text p {
margin-bottom: 0;
color: #8c8c8c
}
.order-history-product-price {
font-size: 1.5rem;
text-align: right;
margin-left: auto;
color: #005470
}
.order-history-summary {
border-bottom: 1px solid #dadada;
font-size: 1.5rem;
padding-top: 25px;
padding-bottom: 10px
}
.order-history-summary-list {
display: flex;
flex-wrap: wrap;
text-align: right;
margin-bottom: 10px
}
.order-history-summary-list-total {
font-weight: 600;
font-size: 1.625rem;
margin-bottom: 20px
}
.order-history-summary-list-text {
width: calc(100% - 200px);
color: #000
}
.order-history-summary-list-price {
width: 200px;
color: #005470
}
.order-history-summary-list-discount {
color: #d03e40
}
.order-history-button {
font-size: 1.125rem;
border: 1px solid #005470;
color: #005470;
border-radius: 50px;
padding: 12px 10px;
min-width: 176px;
display: block;
transition: .5s all ease
}
.order-history-button:hover {
color: #005470;
transform: translate(0, -2px)
}
.order-history-button-box {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 15px;
text-align: center;
padding-top: 15px
}
.order-history-button-fill {
background: #005470;
color: #fff
}
.order-history-button-fill:hover {
color: #fff
}
.pagination {
display: flex;
list-style: none;
justify-content: flex-end;
margin-top: 30px;
padding: 0;
margin-bottom: 40px;
width: 100%
}
.pagination-center {
justify-content: center
}
.pagination .page-item:not(:first-child) {
margin-left: 12px
}
.pagination .page-item .page-link {
border-radius: 50%;
width: 36px;
height: 36px;
line-height: 36px;
font-size: 1.125rem;
padding: 0;
color: #1e280c;
border: 0;
background-color: #fff;
display: inline-flex;
justify-content: center;
align-items: center;
text-decoration: none;
box-shadow: 0px 0px 4px rgba(0, 0, 0, .15);
transition: .2s all ease
}
.pagination .page-item.active .page-link,
.pagination .page-item:hover .page-link {
color: #fff;
background: #005470
}
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
font-size: 1rem;
line-height: 1
}
.wishlist-head {
display: flex;
flex-wrap: wrap
}
.wishlist-head h3 {
display: inline-flex;
align-items: center
}
.wishlist-input {
color: inherit;
font-size: inherit;
line-height: inherit;
padding: inherit;
width: auto;
font-weight: inherit;
border: 0;
outline: 0;
width: 150px
}
.wishlist-input:disabled {
background: transparent
}
.wishlist-input-btn {
border: 0;
background: transparent;
padding: 0;
transition: .5s all ease;
margin-left: 5px
}
.wishlist-input-btn img {
width: 32px;
height: auto;
display: block
}
.wishlist-input-btn:hover {
transform: translate(0, -1px);
filter: brightness(0) saturate(100%) invert(12%) sepia(73%) saturate(5506%) hue-rotate(183deg) brightness(93%) contrast(101%)
}
.wishlist-select-all {
display: inline-flex;
align-items: center;
margin-left: auto;
font-size: 1.125rem;
background: #93d500;
color: #fff;
border-radius: 50px;
border: 0;
padding: 10px 15px;
align-self: center;
transition: .5s all ease;
margin-bottom: 15px
}
.wishlist-select-all img {
width: 24px;
height: auto;
display: block;
margin-right: 7px
}
.wishlist-select-all:hover {
background: #005470;
transform: translate(0, -1px)
}
.wishlist-product {
display: flex;
flex-wrap: wrap;
background: #fff;
padding: 20px;
margin-bottom: 8px
}
.wishlist-product-img {
width: 110px;
height: 110px;
border: 1px solid #ededed;
border-radius: 10px;
overflow: hidden
}
.wishlist-product-img>img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 1;
transition: .5s all ease
}
.wishlist-product-detail {
padding-left: 25px;
width: calc(100% - 110px);
display: inline-flex;
flex-direction: column
}
.wishlist-product-del {
display: block;
padding: 0;
border: 0;
width: 24px;
background: transparent;
transition: .5s all ease
}
.wishlist-product-del img {
width: 24px;
height: 24px;
object-fit: contain;
display: block
}
.wishlist-product-del:hover {
transform: translate(0, -1px);
filter: brightness(0) saturate(100%) invert(24%) sepia(38%) saturate(3813%) hue-rotate(336deg) brightness(107%) contrast(82%)
}
.wishlist-product-head {
display: flex;
flex-wrap: wrap;
align-items: flex-start
}
.wishlist-product-head>a {
display: block;
font-size: 1.5rem;
color: #000;
width: calc(100% - 24px);
font-weight: 600
}
.wishlist-product-price {
font-size: 1.5rem;
font-weight: 600;
color: #005470
}
.wishlist-product-price-box {
display: flex;
flex-wrap: wrap;
margin-top: auto;
align-items: flex-end
}
.wishlist-product-addcart {
border-radius: 50px;
border: 0;
background: #005470;
padding: 10px 20px;
color: #fff;
margin-left: auto;
font-size: 1.25rem;
transition: .5s all ease
}
.wishlist-product-addcart:hover {
background: #93d500;
transform: translate(0, -1px)
}
.popup-wishlist {
display: none;
width: 380px;
padding: 30px
}
.popup-logout {
display: none;
width: 420px;
padding: 30px
}
.popup-logout h4 {
color: #000;
text-align: center;
font-size: 2.25rem;
font-weight: 400
}
.popup-logout p {
font-size: 1.25rem;
color: #000;
text-align: center
}
.address-book-addnew {
width: 100%;
height: 94px;
background: #fff;
border: 1px solid #ebebeb;
border-radius: 10px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
font-size: 1.5rem;
font-weight: 600;
color: #000;
transition: .5s all ease;
margin-bottom: 20px
}
.address-book-addnew img {
width: 24px;
height: auto;
display: block;
margin-right: 10px
}
.address-book-addnew:hover {
transform: translate(0, -2px);
color: #000
}
.address-book-edit {
display: inline-flex;
border: 0;
background: #005470;
border-radius: 50px;
padding: 10px 20px;
font-size: 1.125rem;
color: #fff;
transition: .5s all ease;
position: absolute;
right: 10px;
top: 50%;
transform: translate(0, -50%)
}
.address-book-edit:hover {
color: #fff;
transform: translate(0, -55%)
}
.address-book-box {
color: #000;
border-top: 1px solid #e4e4e4;
padding: 15px 100px 15px 10px;
position: relative
}
.address-book-name {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 10px
}
.address-book-name .form-radio {
margin-left: 8px;
font-weight: 400
}
.address-book-info {
font-size: 1.5rem;
margin-bottom: 10px
}
.address-book-phone {
font-size: 1.5rem;
color: #005470;
margin-bottom: 10px
}
.address-book-tag {
border: 1px solid #e4e4e4;
border-radius: 50px;
padding: 5px 10px;
background: #fff;
font-size: 1rem
}
.address-book-tag-box {
display: flex;
flex-wrap: wrap;
gap: 10px
}
.mycard-box {
color: #000;
border-top: 1px solid #e4e4e4;
padding: 25px 150px 25px 10px;
position: relative
}
.mycard-box .form-radio {
margin-top: 10px;
margin-right: 20px
}
.mycard-number {
display: flex;
font-size: 1.5rem;
gap: 10px
}
.mycard-number img {
width: 40px;
height: auto;
display: block
}
.mycard-visa {
padding: 5px;
border-radius: 5px;
background: #23659b
}
.reward-point {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 25px
}
.reward-point img {
width: 40px;
height: auto;
display: block
}
.reward-point-number {
font-size: 4rem;
font-weight: 600;
color: #005470
}
.reward-point-number span {
color: #000;
font-size: 1rem;
margin-left: 10px;
font-weight: 400
}
.reward-point-expire {
color: #000;
font-size: 1rem;
font-weight: 400;
width: 100%;
text-align: center
}
.reward-box h4 {
color: #000;
margin-bottom: 15px
}
.reward-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
margin-bottom: 25px
}
.reward-item {
display: flex;
flex-wrap: wrap;
border-radius: 10px;
box-shadow: rgba(0, 0, 0, .025) 0px 0px 0px 1px;
min-height: 120px
}
.reward-item.disabled {
filter: grayscale(100%)
}
.reward-item-product img {
width: 40px;
height: 40px;
display: block;
object-fit: cover;
border-radius: 5px;
margin: 5px auto
}
.reward-item-product h6 {
font-size: 1rem;
font-weight: 600
}
.reward-item-title {
width: 45%;
font-size: 1.25rem;
font-weight: 600;
text-align: center;
color: #fff;
background: #005470;
display: inline-flex;
flex-direction: column;
justify-content: center;
border-radius: 10px 0 0 10px;
padding: 5px
}
.reward-item-title span {
font-size: .875rem;
font-weight: 400;
display: block;
margin-top: 5px
}
.reward-item-detail {
background: #fff;
width: 55%;
color: #000;
display: flex;
flex-wrap: wrap;
align-items: center;
border-radius: 0 10px 10px 0;
padding: 10px 5px
}
.reward-item-price {
font-size: 3rem;
font-weight: 600;
width: calc(100% - 90px);
text-align: center
}
.reward-item-price span {
font-size: .65em
}
.reward-item-redeem {
width: 90px;
display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 5px
}
.reward-item-redeem-btn {
width: 60px;
background: #93d500;
color: #fff;
border-radius: 50px;
padding: 5px;
border: 0;
font-weight: 600;
font-size: 1.125rem
}
.reward-item-redeem-point {
font-weight: 600;
font-size: 1.125rem;
color: #1e280c
}
.reward-item-redeem-expire {
width: 100%;
text-align: center;
padding: 5px 5px 0 5px
}
.reward-item-redeem-expire span {
font-size: 1rem;
color: #d03e40;
display: block;
margin-top: 5px;
font-weight: 600
}
.addnew-wishlist {
margin-top: 5px;
display: none
}
.pricerange {
display: flex;
flex-wrap: wrap;
font-size: 1rem;
color: #005470;
align-items: center;
margin-bottom: 10px;
justify-content: center
}
.pricerange-btn {
display: block;
padding: 7px 15px;
color: #fff;
background: #005470;
border-radius: 50px;
border: 0;
margin-left: auto;
margin-top: 10px
}
.ui-widget.ui-widget-content.ui-slider-horizontal {
margin-bottom: 15px;
width: calc(100% - 20px);
border: 0;
background-color: #ddd;
height: 3px;
margin-left: 10px;
margin-top: 15px
}
.ui-widget.ui-widget-content.ui-slider-horizontal .ui-state-default {
border-radius: 50%;
top: -8px;
background: #005470;
border: 0;
outline: 0
}
.ui-widget.ui-widget-content.ui-slider-horizontal .ui-state-default.ui-state-active {
background-color: #93d500
}
.ui-widget-header {
background: #005470
}
.price-range-field {
border: 1px solid #ccc;
color: #005470;
padding: 2px 0;
font-weight: 600;
font-size: 1.125rem;
text-align: center;
width: 60px;
outline: 0;
border-radius: 5px;
margin: 0 3px
}
.shop-col {
padding-left: 30px
}
.shop-banner {
padding: 0;
position: relative
}
.shop-banner>img {
width: 100%;
height: auto;
display: block;
min-height: 300px;
object-fit: cover
}
.shop-banner figcaption {
position: absolute;
left: 50%;
top: 40%;
transform: translate(-50%, -50%);
color: #000;
z-index: 2
}
.shop-banner figcaption h1 {
font-size: 3.4375rem;
margin-bottom: 5px
}
.shop-banner figcaption p {
color: #1e280c;
margin-bottom: 20px
}
.shop-banner-search-box {
display: inline-flex;
flex-wrap: wrap;
background: #fff;
width: 450px;
border-radius: 50px;
padding-left: 10px;
max-width: 100%
}
.shop-banner-search-icon {
filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
width: 24px;
height: auto;
display: block
}
.shop-banner-search-input {
padding: 10px 0px 10px 5px;
font-size: 1.125rem;
border: 0;
outline: 0;
width: calc(100% - 114px);
height: 40px
}
.shop-banner-search-clear {
border: 0;
outline: 0;
height: auto;
padding: 0;
width: 34px;
background: transparent
}
.shop-banner-search-clear img {
width: 16px;
height: auto;
display: block;
margin: 0 auto;
filter: invert(86%) sepia(12%) saturate(10%) hue-rotate(339deg) brightness(90%) contrast(90%)
}
.shop-banner-search-btn {
width: 56px;
background: #93d500;
border: 0;
border-radius: 0 50px 50px 0;
padding-right: 10px;
transition: .5s all ease
}
.shop-banner-search-btn img {
width: 24px;
height: auto;
display: block;
margin: 0 auto
}
.shop-banner-search-btn:hover {
background: #005470
}
.shop-step-bg {
background: #004157;
padding-top: 15px;
padding-bottom: 15px
}
.shop-step-box {
display: grid;
grid-template-columns: repeat(4, 1fr)
}
.shop-step-box h2 {
color: #fff;
font-size: 1.5rem;
margin-bottom: 0;
align-self: center
}
.shop-step-item {
display: inline-flex;
flex-direction: column;
align-items: center;
position: relative
}
.shop-step-item a {
display: inline-flex;
flex-direction: column;
align-items: center
}
.shop-step-item p {
color: #fff;
margin-bottom: 5px;
text-align: center
}
.shop-step-item:not(:last-child)::before {
content: "";
height: 6px;
width: 100%;
left: 50%;
top: 27px;
background: rgba(255, 255, 255, .3);
position: absolute;
z-index: 0
}
.shop-step-item.current .shop-step-icon {
background: #fff
}
.shop-step-item.current .shop-step-icon img {
filter: invert(18%) sepia(68%) saturate(2391%) hue-rotate(173deg) brightness(95%) contrast(101%)
}
.shop-step-item.active .shop-step-icon {
background: #93d500;
border-color: #93d500
}
.shop-step-item.active .shop-step-icon img {
filter: invert(18%) sepia(68%) saturate(2391%) hue-rotate(173deg) brightness(95%) contrast(101%)
}
.shop-step-item.active::before {
background: #93d500
}
.shop-step-icon {
width: 60px;
height: 60px;
background: #005470;
border: 3px solid #fff;
border-radius: 50%;
padding: 10px;
margin-bottom: 10px;
z-index: 1;
position: relative
}
.shop-step-icon img {
width: 100%;
height: 100%;
display: block;
object-fit: contain;
filter: invert(100%) sepia(91%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%)
}
.shop-branch-select {
text-align: center;
display: flex;
flex-direction: column;
align-items: center
}
.shop-branch-select h3 {
font-size: 1.5rem;
color: #000;
margin-top: 50px;
margin-bottom: 30px
}
.shop-branch-img {
filter: invert(62%) sepia(88%) saturate(304%) hue-rotate(41deg) brightness(95%) contrast(97%);
margin-bottom: 15px
}
.shop-branch-title {
font-size: 2rem;
color: #000;
font-weight: 600;
margin-bottom: 20px
}
.shop-branch-change {
display: inline-block;
color: #666;
font-weight: 600;
font-size: 1.25rem;
text-decoration: underline;
margin-bottom: 30px;
transition: .5s all ease
}
.shop-branch-change:hover {
color: #005470;
transform: translate(0, -1px)
}
.shop-branch-buynow {
background: #005470;
border: 0;
color: #fff;
font-size: 1.5rem;
border-radius: 50px;
padding: 15px 35px;
margin-bottom: 60px;
transition: .5s all ease
}
.shop-branch-buynow:hover {
color: #fff;
background: #93d500;
transform: translate(0, -2px)
}
.shop-column-dropdown {
display: none;
list-style: none;
padding: 0;
margin: 0;
font-size: 1.125rem;
position: absolute;
background: #fff;
box-shadow: rgba(0, 0, 0, .1) 0px 4px 6px -1px, rgba(0, 0, 0, .06) 0px 2px 4px -1px;
width: 100%;
left: 0;
top: 100%;
padding-top: 5px;
border-radius: 0 0 5px 5px
}
.shop-column-dropdown.show {
display: block
}
.shop-column-dropdown-box {
position: relative;
margin-left: auto
}
.shop-column-dropdown-box-select {
color: #000;
cursor: pointer;
font-size: 1.125rem;
padding: 5px;
border-bottom: 1px solid #000
}
.shop-column-dropdown-box-select i {
font-size: .75rem;
margin-left: 10px
}
.shop-column-dropdown-box-select img {
margin-right: 6px;
width: 24px;
height: auto
}
.shop-column-dropdown li {
color: #000;
cursor: pointer;
padding: 5px
}
.shop-column-dropdown li img {
margin-right: 6px;
width: 24px;
height: auto
}
.shop-pharmacy {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-align: center;
border-bottom: 1px solid #c3c3c3
}
.shop-pharmacy h4 {
color: #000;
font-size: 1.375rem
}
.shop-pharmacy h5,
.shop-pharmacy p {
font-size: 1rem;
font-weight: 400;
color: #000;
margin-bottom: 5px
}
.shop-pharmacy p {
margin-bottom: 10px
}
.shop-pharmacy-img {
margin-bottom: 15px
}
.shop-pharmacy-img img {
width: 100%;
height: auto;
display: block;
border-radius: 10px
}
.shop-pharmacy-btn {
display: block;
padding: 10px 15px;
color: #fff;
background: #005470;
border-radius: 50px;
margin-bottom: 15px;
transition: .5s all ease
}
.shop-pharmacy-btn:hover {
color: #fff;
background: #93d500
}
.shop-filter {
border-bottom: 1px solid #c3c3c3;
padding-top: 20px;
padding-bottom: 20px
}
.shop-filter-box {
margin-bottom: 20px;
position: relative
}
.shop-filter-btn {
display: none;
padding: 10px 15px;
color: #fff;
background: #005470;
border-radius: 50px;
margin-bottom: 15px;
align-items: center;
justify-content: space-between
}
.shop-filter-btn i {
margin-right: 7px
}
.shop-filter-close {
display: none;
padding: 10px;
color: #000;
border-radius: 50px;
font-size: 1rem;
width: 24px;
height: 24px;
margin-left: auto;
align-items: center;
justify-content: center;
position: absolute;
right: 5px;
top: 5px
}
.shop-filter h3 {
color: #000;
font-size: 1.5rem;
margin-bottom: 10px;
display: flex;
flex-wrap: wrap
}
.shop-filter h3 .clear-btn {
display: flex;
align-items: center;
padding: 0px;
color: #005470;
background: transparent;
text-decoration: underline;
border-radius: 50px;
border: 0;
margin-left: auto;
font-size: 1rem;
transition: .5s all ease
}
.shop-filter h3 .clear-btn i {
margin-right: 4px
}
.shop-filter h3 .clear-btn:hover {
color: #d03e40;
transform: translate(0, -2px)
}
.shop-filter h4 {
color: #000;
font-size: 1.375rem;
margin-bottom: 20px
}
.shop-filter-price {
margin-top: 30px
}
.shop-filter-list {
list-style: none;
padding: 0 0 0px 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 15px
}
.shop-filter-list-sub {
padding: 10px 0px 0px 5px;
display: none;
flex-direction: column;
gap: 10px;
list-style: none
}
.shop-filter-list-sub a {
font-size: 1rem
}
.shop-filter-list-sub a::before {
content: "•";
margin-right: 5px;
color: #93d500
}
.shop-filter-list li a {
font-size: 1.125rem;
color: #000;
display: block;
transition: .5s all ease
}
.shop-filter-list li a:hover {
color: #005470;
transform: translate(3px, 0)
}
.shop-filter-list li a.active {
color: #005470;
font-weight: 600
}
.shop-filter-top {
margin-top: 25px;
margin-bottom: 40px;
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative;
z-index: 1;
align-self: flex-end
}
.shop-filter-top-result {
font-size: 1.25rem;
color: #000
}
.shop-filter-top-dropdown {
display: none;
list-style: none;
padding: 0;
margin: 0;
font-size: 1.125rem;
position: absolute;
background: #fff;
box-shadow: rgba(0, 0, 0, .1) 0px 4px 6px -1px, rgba(0, 0, 0, .06) 0px 2px 4px -1px;
width: 100%;
left: 0;
top: 100%;
padding-top: 5px;
border-radius: 0 0 5px 5px
}
.shop-filter-top-dropdown.show {
display: block
}
.shop-filter-top-dropdown-box {
position: relative;
margin-left: 20px;
align-self: flex-end
}
.shop-filter-top-dropdown-box-select {
color: #000;
cursor: pointer;
font-size: 1.125rem;
padding: 8px 5px;
border-bottom: 1px solid #000;
width: 140px;
display: flex;
justify-content: space-between;
align-items: center
}
.shop-filter-top-dropdown-box-select i {
font-size: .75rem;
margin-left: 10px
}
.shop-filter-top-dropdown li {
color: #000;
cursor: pointer;
padding: 5px
}
.btn-open-search {
background: #fff;
margin-right: 5px;
position: relative;
display: none
}
.btn-open-search img {
filter: brightness(0) saturate(100%) invert(18%) sepia(28%) saturate(7150%) hue-rotate(177deg) brightness(92%) contrast(102%);
transition: .15s all ease
}
.btn-open-search i {
font-size: 24px;
position: absolute;
top: 5px;
left: 6px;
transform: scale(0);
transition: .15s all ease
}
.btn-open-search.active i {
transform: scale(1)
}
.btn-open-search.active img {
transform: scale(0)
}
.product-detail-slide {
margin-bottom: 100px;
overflow: hidden;
padding-top: 5px;
padding-bottom: 5px
}
.product-detail-slider .owl-stage-outer {
overflow: visible
}
.product-detail-slider .owl-item {
transition: .5s all ease
}
.product-detail-slider .owl-item:not(.active) {
opacity: 0;
pointer-events: none
}
.product-detail-slider .owl-nav.disabled+.owl-dots {
margin-top: 15px
}
.product-detail-slider .owl-dots .owl-dot span {
width: 10px;
height: 10px;
background: #c3c3c3;
margin: 5px
}
.product-detail-slider .owl-dots .owl-dot.active span,
.product-detail-slider .owl-dots .owl-dot:hover span {
background: #93d500
}
.product-detail-slider .product-detail-img {
border-radius: 15px;
box-shadow: 0px 0px 3px rgba(0, 0, 0, .2)
}
.product-detail-carousel {
margin-top: 25px
}
.product-detail-carousel .owl-stage-outer {
overflow: visible
}
.product-detail-carousel .owl-item {
transition: .5s all ease
}
.product-detail-carousel .owl-item:not(.active) {
opacity: 0;
pointer-events: none
}
.product-detail-carousel .owl-item.synced .product-detail-img {
box-shadow: 0px 0px 3px rgba(0, 0, 0, .2)
}
.product-detail-img {
display: block;
overflow: hidden;
border-radius: 8px
}
.product-detail-img>img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 1;
transition: .5s all ease
}
.product-detail-info {
padding-left: 45px;
padding-bottom: 45px
}
.product-detail-info h2 {
font-size: 2.5rem;
color: #000;
margin-bottom: 10px
}
.product-detail-info-text {
display: block;
color: #0f0f0f;
margin-bottom: 15px;
font-size: 1rem
}
.product-detail-info-text span {
color: #8ac800
}
.product-detail-tag {
border-radius: 50px;
background: #005470;
font-size: 1rem;
color: #fff;
padding: 10px 15px
}
.product-detail-tag-wrap {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 15px
}
.product-detail-unit {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
margin-bottom: 15px
}
.product-detail-unit h4 {
font-weight: 400;
color: #0f0f0f;
font-size: 1rem;
margin-bottom: 0;
min-width: 70px
}
.product-detail-unit-box {
display: inline-flex;
flex-wrap: wrap;
gap: 10px
}
.product-detail-unit-select {
min-width: 100px;
border-radius: 5px;
border: 1px solid #d9d9d9;
padding: 10px;
text-align: center;
transition: .5s all ease;
color: #0f0f0f;
cursor: pointer
}
.product-detail-unit-select:hover {
color: #005470
}
.product-detail-unit-select.active {
background: #e5eef1;
border-color: #e5eef1;
color: #005470
}
.product-detail-price {
display: flex;
align-items: center;
gap: 10px;
color: #0f0f0f;
margin-bottom: 25px
}
.product-detail-price-number {
font-size: 2.1875rem;
font-weight: 600;
color: #005470
}
.product-detail-quantity {
display: flex;
flex-wrap: wrap;
align-items: flex-end
}
.product-detail-quantity-box {
display: inline-flex
}
.product-detail-quantity-btn {
background: #fff;
border: 1px solid #000;
width: 30px;
height: 40px;
font-size: 36px
}
.product-detail-quantity-btn:first-child {
border-right: 0;
border-radius: 5px 0 0 5px
}
.product-detail-quantity-btn:last-child {
border-left: 0;
border-radius: 0 5px 5px 0
}
.product-detail-quantity-input {
background: #fff;
border: 1px solid #000;
border-left: 0;
border-right: 0;
width: 50px;
height: 40px;
text-align: center;
font-size: 24px;
outline: 0;
border-radius: 0
}
.product-detail-btn {
font-size: 1.375rem;
border-radius: 50px;
font-weight: 600;
padding: 12px 27px;
color: #005470;
background-color: #fff;
border: 1px solid #005470;
transition: .5s all ease;
display: inline-flex;
align-items: center
}
.product-detail-btn i {
font-size: 1rem;
margin-right: 7px
}
.product-detail-btn-wishlist:hover {
border-color: #93d500;
color: #93d500
}
.product-detail-btn-wishlist.active {
background: #93d500;
border-color: #93d500;
color: #fff
}
.product-detail-btn-wishlist.active i::before {
content: ""
}
.product-detail-btn-addcart {
border-color: #005470;
background-color: #005470;
color: #fff
}
.product-detail-btn-addcart:hover {
background-color: #93d500;
border-color: #93d500
}
.product-detail-btn:hover {
transform: translate(0, -2px)
}
.product-detail-btn-box {
display: flex;
flex-wrap: wrap;
gap: 15px;
align-items: center
}
.product-detail-tab {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #dcdcdc;
gap: 40px
}
.product-detail-tab li {
font-size: 1.5rem;
color: #a4a4a4;
font-weight: 600;
padding: 10px 0;
transition: .5s all ease;
cursor: pointer
}
.product-detail-tab li:hover {
color: #1e280c;
transform: translate(0, -1px)
}
.product-detail-tab li.active {
color: #1e280c
}
.product-detail-tab-info {
padding-bottom: 40px
}
.product-detail-tab-info:not(:first-child) {
display: none
}
.product-detail-related {
overflow: hidden;
padding-bottom: 50px
}
.product-detail-related h4 {
color: #1b1b1b;
font-size: 1.5rem;
margin-bottom: 35px
}
.cart-box {
position: fixed;
width: 500px;
z-index: 98;
background: #fff;
display: none;
position: fixed;
top: 212px;
padding-right: 10px;
right: 0;
bottom: 0;
box-shadow: rgba(0, 0, 0, .16) 0px 3px 6px, rgba(0, 0, 0, .23) 0px 3px 6px
}
.cart-box h5 {
font-size: 1.5rem;
color: #000;
padding: 10px 20px;
font-weight: 400;
margin-bottom: 0
}
.cart-box h6 {
font-size: 1.25rem;
padding-left: 20px;
color: #000;
font-weight: 400;
margin-bottom: 5px
}
.cart-box-product {
height: calc(100% - 233px);
transition: .5s all ease;
overflow-y: auto
}
.cart-box-product::-webkit-scrollbar-track {
background-color: #eee
}
.cart-box-product::-webkit-scrollbar {
width: 6px
}
.cart-box-product::-webkit-scrollbar-thumb {
background-color: #005470;
cursor: pointer;
border-radius: 5px;
transition: .5s all ease
}
.cart-box-product::-webkit-scrollbar-thumb:hover {
background-color: #005470
}
.cart-box-product hr {
margin: 15px 20px
}
.cart-box-product .product-item {
display: flex;
flex-wrap: wrap;
padding: 15px 20px
}
.cart-box-product .product-item:nth-of-type(even) {
background: #fafafa
}
.cart-box-product .product-item .product-img {
width: 90px;
margin: 0;
border-radius: 5px;
align-self: flex-start
}
.cart-box-product .product-item figcaption {
width: calc(100% - 90px);
padding-left: 15px;
position: relative
}
.cart-box-product .product-item figcaption h3 {
margin-bottom: 5px
}
.cart-box-product .product-item figcaption .product-price {
font-size: 1.375rem;
margin-left: 5px
}
.cart-box-product .product-item figcaption .product-price-discount::before {
transform: translate(-50%, -50%) rotate(-4deg)
}
.cart-box-product .product-item figcaption .cart-box-product-select-box .cart-box-price {
align-items: center;
margin-left: auto
}
.cart-box-product .product-item figcaption .cart-box-product-select-box .cart-box-price .product-price {
font-size: 1.125rem;
margin-left: 5px
}
.cart-box-product .product-item:hover .product-img {
background: #fff
}
.cart-box-product .product-item:hover .product-img img {
opacity: 1
}
.cart-box-product .product-item .product-detail-quantity-input {
font-size: 20px;
width: 32px;
height: 32px;
border-color: #d5d5d5
}
.cart-box-product .product-item .product-detail-quantity-btn {
font-size: 27px;
width: 25px;
height: 32px;
border-color: #d5d5d5
}
.cart-box-product .product-item .product-detail-quantity-btn:first-child {
border-radius: 5px 0 0 5px
}
.cart-box-product .product-item .product-detail-quantity-btn:last-child {
border-radius: 0 5px 5px 0
}
.cart-box-product-link {
width: calc(100% - 30px);
display: block
}
.cart-box-product-remove {
position: absolute;
right: 0;
top: 0;
background: transparent;
width: 24px;
height: 24px;
border: 0;
padding: 0
}
.cart-box-product-remove img {
transition: .5s all ease
}
.cart-box-product-remove:hover img {
filter: invert(21%) sepia(100%) saturate(1765%) hue-rotate(338deg) brightness(106%) contrast(81%)
}
.cart-box-product-select {
border: 1px solid #d5d5d5;
font-size: 1rem;
height: 32px;
border-radius: 5px;
padding: 5px 20px 5px 10px;
background-image: url('data:image/svg+xml,');
background-position: right 5px center;
min-width: 75px;
outline: 0
}
.cart-box-product-select-box {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 0px
}
.cart-box-product-unit {
color: #000;
align-self: center
}
.cart-box-price {
display: flex;
flex-wrap: wrap;
justify-content: flex-end
}
.cart-box-price-title {
font-size: 1rem;
color: #000
}
.cart-box-remark {
color: #acacac;
font-size: 1.25rem;
text-align: center;
margin-top: 20px;
margin-bottom: 20px
}
.cart-box-total {
display: flex;
flex-direction: column;
gap: 10px;
padding: 20px
}
.cart-box-total hr {
margin: 5px 0
}
.cart-box-total-list {
display: flex;
justify-content: space-between;
font-size: 1.25rem;
color: #000
}
.cart-box~.select2-container--default .select2-results__option--disabled {
color: #000;
font-size: 1.125rem;
font-weight: 600
}
.cart-box~.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background: #d7efaf;
color: #000
}
.cart-box~.select2-container--default .select2-results__option--selected {
background: #d7efaf;
color: #000
}
.cart-btn {
display: block;
padding: 10px;
border-radius: 6px;
border: 1px solid #005470;
text-align: center;
font-size: 1.375rem;
font-weight: 600;
color: #005470;
width: 100%;
transition: .5s all ease
}
.cart-btn:hover {
color: #005470;
transform: translate(0, -2px)
}
.cart-btn-buynow {
background: #005470;
color: #fff
}
.cart-btn-buynow:hover {
color: #fff;
background: #93d500;
border-color: #93d500
}
.cart-page-notice {
font-size: 1.125rem;
margin-bottom: 40px;
color: #1e280c
}
.cart-page-notice a {
display: inline-block;
text-decoration: underline;
color: #1b1b1b;
transition: .5s all ease
}
.cart-page-notice a:hover {
color: #005470;
transform: translate(0, -1px)
}
.cart-page-action {
display: flex;
align-items: center;
gap: 5px;
margin-bottom: 25px
}
.cart-page-action-btn {
font-size: 1rem;
color: #fff;
background: #93d500;
border-radius: 5px;
padding: 8px 10px;
border: 0;
transition: .5s all ease
}
.cart-page-action-btn:hover {
transform: translate(0, -1px)
}
.cart-page-checkbox {
display: inline-flex;
flex-wrap: wrap;
align-items: center
}
.cart-page-checkbox-text {
font-size: 1.25rem;
color: #1e280c;
padding-left: 10px
}
.cart-page-checkbox-symbol::before {
content: "";
width: 22px;
height: 22px;
display: block;
border-radius: 4px;
border: 1px solid #8c8c8c;
background-size: 13px auto;
background-repeat: no-repeat;
background-position: center center;
transition: .5s all ease
}
.cart-page-checkbox input {
display: none
}
.cart-page-checkbox input:checked+.cart-page-checkbox-symbol::before {
background-color: #93d500;
border-color: #93d500;
background-image: url('data:image/svg+xml,')
}
.cart-page-selectbox {
border: 1px solid #d5d5d5;
font-size: 1rem;
height: 32px;
border-radius: 5px;
padding: 5px 20px 5px 10px;
background-image: url('data:image/svg+xml,');
background-position: right 5px center;
min-width: 75px;
outline: 0;
margin-left: 30px
}
.cart-page-list {
display: flex;
flex-wrap: wrap;
padding: 15px 5px;
border-bottom: 1px solid #d5d5d5
}
.cart-page-list-box {
margin-bottom: 30px
}
.cart-page-list-head {
font-size: 1.5rem;
padding: 10px 40px 10px 20px;
background: #005470;
color: #fff;
border-radius: 6px;
position: relative;
cursor: pointer;
margin-bottom: 10px
}
.cart-page-list-head::after {
content: "";
background-image: url('data:image/svg+xml,');
background-position: center center;
width: 10px;
height: 5px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: 20px;
top: 50%;
transform: translate(0, -50%);
transition: .5s all ease
}
.cart-page-list-head.closed::after {
transform: rotate(-90deg) translate(30%, 0%)
}
.cart-page-list-product {
display: inline-flex;
flex-wrap: wrap;
padding-left: 10px;
width: calc(100% - 22px)
}
.cart-page-list-product .product-detail-quantity-input {
font-size: 20px;
width: 32px;
height: 32px;
border-color: #d5d5d5
}
.cart-page-list-product .product-detail-quantity-btn {
font-size: 27px;
width: 25px;
height: 32px;
border-color: #d5d5d5
}
.cart-page-list-product .product-detail-quantity-btn:first-child {
border-radius: 5px 0 0 5px
}
.cart-page-list-product .product-detail-quantity-btn:last-child {
border-radius: 0 5px 5px 0
}
.cart-page-list-product-img {
width: 90px;
overflow: hidden
}
.cart-page-list-product-img>img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
aspect-ratio: 1;
transition: .5s all ease
}
.cart-page-list-product-detail {
width: calc(100% - 90px);
padding-left: 15px;
position: relative
}
.cart-page-list-product-detail h6 {
display: flex;
flex-wrap: wrap;
font-size: 1.5rem;
color: #000;
margin-bottom: 20px;
gap: 10px 15px;
font-weight: 400;
width: calc(100% - 30px)
}
.cart-page-list-product-detail h6 span {
margin-left: auto;
color: #93d500;
padding-left: 10px;
display: flex
}
.cart-page-list-product-price {
font-size: 1rem;
color: #000;
font-weight: 600;
margin-left: auto
}
.cart-page-list-product-price span {
font-size: 1.5rem;
color: #005470
}
.cart-page-list-product-price-box {
display: flex;
flex-wrap: wrap
}
.cart-page-list-product-remark {
background: #fdf3ae;
border-radius: 50px;
color: #1e280c;
padding: 5px 10px;
font-size: 1rem;
font-weight: 400
}
.cart-page-unit {
font-size: 1.125rem;
color: #000;
margin-left: 10px;
align-self: center
}
.cart-page-price {
margin-left: 10px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 5px
}
.cart-page-price-title {
font-size: 1rem;
color: #000
}
.cart-page-price-box {
display: inline-flex;
margin-left: auto
}
.cart-page-price-box .product-price,
.cart-page-price-box .product-price-sale {
font-size: 1.25rem
}
.cart-page-price-total {
justify-content: flex-end;
display: flex
}
.cart-page-price-total .product-price,
.cart-page-price-total .product-price-sale {
font-size: 1.5rem
}
.cart-page-total {
width: 460px;
margin-left: auto;
padding-top: 15px;
max-width: 100%
}
.cart-page-total-promocode {
display: flex;
flex-wrap: wrap;
margin-bottom: 20px
}
.cart-page-total-promocode-input {
height: 40px;
font-size: 1.125rem;
padding: 5px 10px;
border: 1px solid #8c8c8c;
border-radius: 4px;
outline: 0;
width: calc(100% - 67px)
}
.cart-page-total-promocode-btn {
width: 52px;
color: #fff;
background: #93d500;
border: 0;
padding: 5px;
border-radius: 5px;
margin-left: 15px
}
.cart-page-total-promocode-text {
font-size: 1rem;
color: #1e280c;
display: flex;
align-items: center;
justify-content: flex-end;
margin-bottom: 10px
}
.cart-page-total-promocode-text-topic {
margin-right: 50px
}
.cart-page-total-promocode-number {
font-size: 1rem;
color: #1e280c;
display: inline-flex;
align-items: center
}
.cart-page-total-promocode-number span {
color: #005470;
font-weight: 600;
font-size: 2.1875rem;
display: block;
padding: 0 10px
}
.cart-page-total-promocode .select2-container {
display: block
}
.cart-page-total-promocode .select2-container--default .select2-selection--single {
display: flex;
height: 48px;
font-size: 1.125rem;
padding: 5px 25px 5px 10px;
border: 1px solid #d5d5d5;
border-radius: 4px;
outline: 0;
align-items: center
}
.cart-page-total-promocode .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 48px
}
.cart-page-total-promocode .select2-container .select2-selection--single {
height: 40px
}
.cart-page-total-promocode .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 38px
}
.cart-page-total-price {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-bottom: 40px
}
.cart-page-total-price-topic {
font-size: 1.5rem;
color: #000
}
.cart-page-total-price-number {
font-size: 1rem;
color: #1e280c;
display: inline-flex;
align-items: center
}
.cart-page-total-price-number span {
color: #005470;
font-weight: 600;
font-size: 2.1875rem;
display: block;
padding: 0 10px
}
.cart-page-btn {
width: 455px;
border-radius: 6px;
background: #005470;
padding: 12px 10px;
display: block;
font-size: 1.375rem;
text-align: center;
color: #fff;
border: 0;
max-width: calc(50% - 20px);
transition: .5s all ease
}
.cart-page-btn-next {
max-width: 100%;
width: 100%;
margin-bottom: 70px;
margin-left: auto
}
.cart-page-btn i {
font-size: .7em;
margin-right: 5px
}
.cart-page-btn:hover {
color: #fff;
background: #93d500
}
.cart-page-btn-edit-cart {
width: 320px;
margin-bottom: 70px;
background: #5a5a5a
}
.cart-page-btn-edit-cart:hover {
background: #005470
}
.cart-page-btn.disabled {
background: #f6f6f6;
color: #c3c3c3
}
.cart-page-btn-box {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 15px 40px;
margin-bottom: 80px
}
.review-box {
padding-bottom: 40px
}
.review-box h6 {
font-size: 1.25rem;
color: #000
}
.review-point {
font-size: 3rem;
color: #005470;
font-weight: 600
}
.review-point span {
font-size: .5em
}
.review-star {
display: flex;
flex-wrap: wrap;
font-size: 1.375rem;
color: gold;
gap: 10px;
margin-bottom: 15px
}
.review-comment {
border: 1px solid #eee;
border-radius: 5px;
padding: 15px;
margin-bottom: 15px
}
.review-comment-images {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 10px
}
.review-comment-images>a {
display: block;
width: 100px;
overflow: hidden
}
.review-comment-images>a>img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 1;
transition: .5s all ease
}
.review-comment-box {
display: flex;
flex-direction: column;
gap: 10px
}
.review-comment-text {
font-size: 1.125rem;
color: #000
}
.review-comment-star {
font-size: 16px;
color: gold;
margin-bottom: 10px
}
.review-comment-user {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
font-size: 1.125rem;
color: #000;
margin-bottom: 10px
}
.review-comment-user-img {
width: 36px;
height: 36px;
overflow: hidden;
border-radius: 50px
}
.review-comment-user-img img {
width: 100%;
height: 100%;
display: block;
object-fit: contain
}
.review-comment-btn {
padding: 13px 30px;
font-size: 1.375rem;
color: #fff;
background: #93d500;
border-radius: 50px;
display: inline-block;
margin: auto auto 0 auto;
border: 0;
transition: .5s all ease
}
.review-comment-btn:hover {
transform: translate(0, -2px);
background: #005470;
color: #fff
}
.review-popup {
display: none;
width: 700px;
padding: 30px
}
.review-popup h6 {
font-size: 1.5rem;
color: #000;
margin-bottom: 0
}
.review-popup-star {
display: flex;
gap: 10px;
align-items: center;
margin-bottom: 5px
}
.review-popup-label {
font-size: 1.25rem;
color: #000;
display: block;
margin-bottom: 10px
}
.review-popup-textarea {
width: 100%;
font-size: 1.125rem;
padding: 10px;
border: 1px solid #d5d5d5;
border-radius: 4px;
outline: 0;
margin-bottom: 15px
}
.smt-margin {
margin-top: 30px
}
.smt-head {
font-size: 1.5rem;
margin-bottom: 15px;
color: #000
}
.smt-box {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 70px
}
.smt-box-select {
padding: 15px;
box-shadow: 0px 1px 4px rgba(0, 0, 0, .15);
border-radius: 15px;
background: #fff;
height: 100%
}
.smt-box-select-col {
max-width: 185px;
width: calc(33.33% - 20px);
cursor: pointer
}
.smt-box-select-col input {
display: none
}
.smt-box-select-col input:checked+.smt-box-select {
background: #93d500
}
/* .smt-box-select-col input:checked+.smt-box-select img {
filter: invert(99%) sepia(0%) saturate(403%) hue-rotate(12deg) brightness(117%) contrast(100%)
} */
.smt-box-select-col input:checked+.smt-box-select h6 {
color: #fff
}
.smt-box-select h6 {
font-size: 1.25rem;
font-weight: 400;
text-align: center;
margin-bottom: 0;
line-height: 1.25;
color: #000
}
.smt-box-select img {
width: 70px;
height: 70px;
display: block;
object-fit: contain;
margin: 10px auto 15px auto;
/* filter: invert(62%) sepia(59%) saturate(458%) hue-rotate(41deg) brightness(104%) contrast(89%) */
}
.summary-order-row {
display: flex;
flex-wrap: wrap;
margin-bottom: 5px;
padding: 5px 10px
}
.summary-order-col {
width: 70px;
text-align: center;
color: #000;
font-size: 1.125rem
}
.summary-order-col:first-child {
width: calc(100% - 210px);
text-align: left
}
.summary-order-box {
border: 1px solid #d5d5d5;
border-radius: 4px;
padding-top: 10px;
padding-bottom: 10px;
overflow-y: auto;
max-height: 300px;
margin-bottom: 25px
}
.summary-order-box.order-success-box {
border: 0
}
@media(min-width: 768px) {
.summary-order-box.order-success-box {
max-height: 400px
}
}
.summary-order-box::-webkit-scrollbar-track {
background-color: #eee
}
.summary-order-box::-webkit-scrollbar {
width: 6px
}
.summary-order-box::-webkit-scrollbar-thumb {
background-color: #c2c2c2;
cursor: pointer;
border-radius: 5px;
transition: .5s all ease
}
.summary-order-box::-webkit-scrollbar-thumb:hover {
background-color: #005470
}
.summary-order-item {
display: flex;
flex-wrap: wrap;
padding: 10px
}
.summary-order-item-img {
width: 75px;
overflow: hidden;
align-self: flex-start
}
.summary-order-item-img>img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
aspect-ratio: 1;
transition: .5s all ease
}
.summary-order-item-text {
width: calc(100% - 285px);
padding-left: 10px;
color: #000
}
.summary-order-item-text h6 {
font-size: 1.125rem;
margin-bottom: 3px
}
.summary-order-item-text p {
font-size: .875rem;
margin-bottom: 5px
}
.summary-order-item .cart-box-price {
width: 70px;
align-items: flex-start;
justify-content: center;
flex-direction: column
}
.summary-order-item .cart-box-price .product-price {
justify-content: center
}
.summary-order-item .cart-box-price .product-price-discount {
margin-top: 5px;
margin-left: 0
}
.summary-order-item .product-price-sale {
font-size: 1rem;
font-weight: 600;
flex-direction: column;
align-items: center
}
.summary-order-item .product-price-sale .product-price-discount {
margin-top: 0
}
.summary-order-item-qty {
font-size: 1.25rem;
color: #000;
width: 70px;
text-align: center;
font-weight: 600
}
.summary-order-tag {
padding: 4px 10px;
background: #f5faec;
border: 1px solid #93d500;
border-radius: 50px;
display: inline-flex;
font-size: .875rem;
color: #597825
}
.payment-select {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 15px;
align-items: center;
border: 1px solid #d5d5d5;
box-shadow: 0px 0px 2px rgba(0, 0, 0, .2);
border-radius: 4px;
margin-bottom: 15px
}
.payment-select input {
display: none
}
.payment-select input:checked+.payment-select-text::before {
border-color: #005470
}
.payment-select input:checked+.payment-select-text::after {
transform: scale(1)
}
.payment-select select {
width: 80%;
height: 40px;
font-size: 1.125rem;
padding: 5px 25px 5px 10px;
border: 1px solid #d5d5d5;
border-radius: 4px;
outline: 0;
margin: 15px 10px 5px 25px
}
.payment-select-text {
font-size: 1.5rem;
font-weight: 600;
color: #000;
padding-left: 28px;
position: relative
}
.payment-select-text::before {
content: "";
position: absolute;
left: 0;
top: 5px;
border-radius: 50px;
border: 1px solid #000;
width: 16px;
height: 16px
}
.payment-select-text::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-radius: 50px;
background: #005470;
left: 3px;
top: 8px;
transform: scale(0);
transition: .5s all ease
}
.payment-select img {
height: 28px;
width: auto;
display: block
}
.payment-select img.promptpay {
background: #113566;
padding: 3px;
border-radius: 5px
}
.payment-select hr {
width: 100%;
margin-top: 0;
margin-bottom: 15px
}
.payment-summary {
display: flex;
flex-wrap: wrap;
font-size: 1.25rem;
width: 100%
}
.payment-summary:not(:last-child) {
margin-bottom: 15px
}
.payment-summary-title {
color: #000
}
.payment-summary-title span {
color: #b1b1b1;
margin-left: 5px
}
.payment-summary-price {
color: #005470;
margin-left: auto;
font-weight: 600
}
.payment-summary-total {
font-size: 1.75rem
}
.sp-address {
padding-right: 30px;
display: flex;
flex-direction: column;
gap: 30px;
margin-bottom: 50px
}
.sp-address-bar {
display: flex;
justify-content: space-between
}
.sp-address-checkbox {
display: inline-flex;
flex-wrap: wrap;
align-items: center
}
.sp-address-checkbox-edit {
margin-left: auto
}
.sp-address-checkbox-icon {
display: inline-flex;
gap: 5px;
align-items: center;
color: #000
}
.sp-address-checkbox-icon::before {
content: "";
width: 22px;
height: 22px;
display: block;
border-radius: 4px;
border: 1px solid #8c8c8c;
background-size: 12px auto;
background-repeat: no-repeat;
background-position: center center;
transition: .5s all ease
}
.sp-address-checkbox input {
display: none
}
.sp-address-checkbox input:checked+.sp-address-checkbox-icon::before {
background-color: #93d500;
border-color: #93d500;
background-image: url('data:image/svg+xml,')
}
.sp-address-add {
background: #93d500;
border-radius: 50px;
padding: 12px 20px;
border: 0;
font-size: 1.25rem;
color: #fff;
display: inline-flex;
align-items: center;
transition: .5s all ease
}
.sp-address-add:hover {
background: #005470;
color: #fff
}
.sp-address-box-select {
background: #fff;
border: 1px solid #d5d5d5;
border-radius: 10px;
position: relative;
padding: 25px 150px 25px 70px;
cursor: pointer
}
.sp-address-box-select h6 {
font-size: 2rem;
color: #005470;
margin-bottom: 10px
}
.sp-address-box-select p {
font-size: 1.5rem;
margin-bottom: 10px;
color: #000
}
.sp-address-box-select::before {
content: "";
left: 20px;
top: 50%;
position: absolute;
transform: translate(0, -50%);
width: 28px;
height: 28px;
border: 2px solid #005470;
border-radius: 50px;
background: #fff
}
.sp-address-box-select::after {
content: "";
position: absolute;
width: 18px;
height: 18px;
top: 50%;
left: 25px;
border-radius: 50px;
background: #005470;
transform: translate(0, -50%) scale(0);
transition: .5s all ease
}
.sp-address-box-tel {
font-size: 1.5rem;
color: #005470;
margin-bottom: 10px
}
.sp-address-box-tag {
color: #005470;
border: 1px solid #005470;
padding: 3px 10px;
border-radius: 50px;
display: block
}
.sp-address-box-tag-box {
display: flex;
flex-wrap: wrap;
gap: 5px
}
.sp-address-box-edit {
position: absolute;
background-image: url('data:image/svg+xml,');
background-size: 24px;
background-position: 19px center;
background-repeat: no-repeat;
padding: 15px 25px 15px 50px;
background-color: #005470;
font-size: 1.25rem;
color: #fff;
border-radius: 50px;
right: 15px;
top: 15px;
display: block;
transition: .5s all ease
}
.sp-address-box-edit:hover {
color: #fff;
background-color: #93d500;
transform: translate(0, -2px)
}
.sp-address-box input {
display: none
}
.sp-address-box input:checked+.sp-address-box-select {
background: #f0f7fa;
border-color: #e5eef1
}
.sp-address-box input:checked+.sp-address-box-select::after {
transform: translate(0, -50%) scale(1)
}
.sp-address-tax h5 {
font-size: 1.5rem;
margin-bottom: 10px;
color: #000
}
.sp-address-tax-info {
background: #f0f7fa;
border-radius: 10px;
padding: 20px 150px 20px 20px;
position: relative;
display: flex;
flex-direction: column;
gap: 10px;
color: #000
}
.sp-address-tax-info h6 {
font-size: 1.5rem;
margin-bottom: 0;
font-weight: 400
}
.sp-address-tax-info p {
font-size: 1.5rem;
margin-bottom: 0
}
.sp-address-tax-company {
font-size: 1.5rem
}
.sp-address-tax-tel {
font-size: 1.5rem;
color: #005470
}
.sp-address-edit-btn {
text-align: right
}
.sp-address-edit-border {
border: 1px solid #d5d5d5;
padding: 10px 15px 0 15px;
border-radius: 10px;
margin-bottom: 15px
}
.sp-address-edit-close {
display: block;
width: 28px;
margin-left: auto;
margin-bottom: 15px
}
.sp-address-edit-close img {
width: 28px;
height: auto;
display: block
}
.sp-address-edit .sp-address-box-edit {
position: static;
display: inline-flex
}
.sp-address-edit .head-inside h2 {
margin-bottom: 10px
}
.sp-address-edit-head {
color: #000;
margin-top: 20px
}
.sp-address-edit-head h5 {
margin-bottom: 15px
}
.cart-page-btn-next.btn-next-success {
margin-bottom: 15px
}
.cart-page-btn-next.btn-backhome {
background: #414141
}
.success-head {
font-size: 1.125rem;
color: #000;
margin-bottom: 30px
}
.success-list {
color: #000;
display: inline-flex;
flex-direction: column;
border-right: 1px solid #6b6b6b;
padding: 0 40px
}
.success-list:first-child {
padding-left: 0
}
.success-list:last-child {
border: 0
}
.success-list-box {
display: flex;
flex-wrap: wrap;
margin-bottom: 45px
}
.success-list h6 {
font-weight: 400;
font-size: .875rem;
margin-bottom: 5px
}
.success-list p {
font-size: 1.5rem;
margin-bottom: 0
}
.success-fav-btn {
border-radius: 50px;
border: 1px solid #005470;
font-size: 1.25rem;
background: #fff;
line-height: 1;
padding: 7px 15px;
color: #005470;
display: inline-flex;
align-items: center;
margin-bottom: 40px;
transition: .5s all ease
}
.success-fav-btn img {
margin-right: 5px
}
.success-fav-btn:hover {
transform: translate(0, -1px);
color: #005470;
box-shadow: rgba(0, 0, 0, .16) 0px 1px 4px
}
.blog-margin {
margin-top: 40px
}
.blog-subhead {
display: flex;
background: #005470;
border-radius: 6px;
padding: 10px 15px;
margin-bottom: 20px;
align-items: center
}
.blog-subhead h3 {
font-size: 1.375rem;
color: #fff;
margin-bottom: 0
}
.blog-subhead-btn {
display: block;
margin-left: auto;
color: #fff;
font-size: 1.125rem;
text-decoration: underline;
transition: .5s all ease
}
.blog-subhead-btn:hover {
color: #93d500
}
.blog-category {
background: #ededed;
padding: 10px 20px;
border-radius: 50px;
color: #1e280c;
font-size: 1.125rem;
transition: .5s all ease
}
.blog-category.active {
background: #005470;
color: #fff
}
.blog-category:hover {
transform: translate(0, -2px);
background: #93d500;
color: #fff
}
.blog-category-box {
display: flex;
flex-wrap: wrap;
gap: 15px 25px;
margin-bottom: 50px
}
.blog-category-search {
display: flex;
margin-left: auto
}
.blog-category-search-box {
display: flex;
flex-wrap: wrap;
align-items: flex-start
}
.blog-category-search-input {
font-size: 1.25rem;
background: #ededed;
border-radius: 50px 0 0 50px;
padding: 10px 10px 10px 20px;
border: 0;
outline: 0;
width: 240px
}
.blog-category-search-btn {
width: 60px;
border: 0;
outline: 0;
background: #93d500;
border-radius: 0 50px 50px 0;
padding: 5px 10px 5px 5px;
transition: .5s all ease;
display: inline-flex;
align-items: center;
justify-content: center
}
.blog-category-search-btn img {
width: 26px;
height: auto;
display: block
}
.blog-category-search-btn:hover {
background: #005470
}
.blog-date {
color: #93d500;
display: inline-flex;
align-items: center;
font-size: 1.25rem;
margin-bottom: 15px
}
.blog-date img {
filter: brightness(0) saturate(100%) invert(73%) sepia(20%) saturate(4394%) hue-rotate(33deg) brightness(102%) contrast(101%);
margin-right: 5px;
margin-left: -5px
}
.blog-readmore {
font-size: 1.125rem;
color: #000;
text-decoration: underline;
transition: .5s all ease
}
.blog-readmore:hover {
color: #005470;
transform: translate(0, -1px)
}
.blog-img {
overflow: hidden;
margin-bottom: 10px
}
.blog-img>img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 1.4285714286;
transition: .5s all ease
}
.blog-item figcaption h4 {
font-size: 1.5rem;
color: #1e280c;
margin-bottom: 15px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden
}
.blog-item figcaption p {
font-size: 1.125rem;
color: #000;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.5;
margin-bottom: 15px
}
.blog-item:hover .blog-img img {
transform: scale(1.025)
}
.blog-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
margin-bottom: 40px
}
.blog-grid:last-child {
margin-bottom: 80px
}
.blog-grid-hori {
display: flex;
flex-direction: column;
gap: 25px;
margin-bottom: 70px
}
.blog-grid-hori .blog-item figure {
display: flex;
flex-wrap: wrap
}
.blog-grid-hori .blog-item .blog-img {
width: 40%;
overflow: hidden;
margin-bottom: 0
}
.blog-grid-hori .blog-item .blog-img>img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 1;
transition: .5s all ease
}
.blog-grid-hori .blog-item figcaption {
width: 60%;
padding-left: 30px;
align-self: center
}
.blog-grid-hori .blog-item figcaption p {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden
}
.blog-grid-aside {
display: flex;
flex-direction: column;
gap: 25px
}
.blog-grid-aside .blog-item figure {
display: flex;
flex-wrap: wrap
}
.blog-grid-aside .blog-item .blog-img {
width: 32%;
overflow: hidden;
margin-bottom: 0
}
.blog-grid-aside .blog-item .blog-img>img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 1;
transition: .5s all ease
}
.blog-grid-aside .blog-item figcaption {
width: 68%;
padding-left: 15px;
align-self: center
}
.blog-grid-aside .blog-item .blog-date {
margin-bottom: 0
}
.blog-banner .banner-carousel .owl-nav [class*=owl-].owl-prev {
left: -45px
}
.blog-banner .banner-carousel .owl-nav [class*=owl-].owl-next {
right: -45px
}
.blog-banner-detail .container {
padding: 0 40px
}
@media(min-width: 1200px) {
.blog-banner-detail .container h2 {
font-size: 3.125rem
}
}
.blog-banner-img {
overflow: hidden
}
.blog-banner-img>img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 2.1789883268;
transition: .5s all ease
}
.blog-detail-img {
margin-bottom: 30px
}
.blog-detail-img img {
width: 100%;
display: block;
height: auto
}
.blog-detail-editor {
color: #000;
font-size: 1.125rem;
max-width: 1000px;
margin: 0 auto 20px auto
}
.blog-detail-editor h1,
.blog-detail-editor h2,
.blog-detail-editor h3,
.blog-detail-editor h4,
.blog-detail-editor h5,
.blog-detail-editor h6 {
color: #000;
margin-bottom: 5px;
line-height: 1.5
}
.blog-detail-editor h1 {
font-size: 2.25rem
}
.blog-detail-editor h2 {
font-size: 1.875rem
}
.blog-detail-editor h3 {
font-size: 1.625rem
}
.blog-detail-editor h4 {
font-size: 1.375rem
}
.blog-detail-editor h5 {
font-size: 1.25rem
}
.blog-detail-editor h6 {
font-size: 1.125rem
}
.blog-detail-editor p,
.blog-detail-editor ul {
margin-bottom: 15px;
line-height: 1.5
}
.blog-detail-editor ul {
padding-left: 15px
}
.blog-detail-editor img {
max-width: 100%;
width: auto !important;
height: auto !important;
object-fit: contain;
display: block;
margin: 20px 0
}
.blog-detail-writer {
border: 1px solid #ededed;
border-left: 0;
border-right: 0;
padding: 40px 50px;
display: flex;
flex-wrap: wrap;
margin-bottom: 70px
}
.blog-detail-writer-cover {
width: 120px;
height: 120px;
display: block;
border-radius: 50%;
overflow: hidden
}
.blog-detail-writer-cover img {
width: 100%;
height: 100%;
display: block;
object-fit: cover
}
.blog-detail-writer-info {
width: calc(100% - 120px);
padding-left: 40px;
align-self: center
}
.blog-detail-writer-info h5 {
font-size: 1.875rem;
color: #000
}
.blog-detail-writer-info p {
font-size: 1.125rem;
color: #000;
margin-bottom: 0
}
.blog-detail-gallery {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 15px;
margin-bottom: 20px
}
.blog-detail-gallery a {
display: block;
cursor: pointer;
position: relative;
overflow: hidden
}
.blog-detail-gallery a>img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 1;
transition: .5s all ease
}
.blog-detail-gallery a:hover img {
transform: scale(1.1)
}
.blog-share {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 40px;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
align-items: center
}
.blog-share h5 {
color: 600;
margin-bottom: 0
}
.blog-share-btn {
display: block
}
.blog-grid-detail:last-child {
margin-bottom: 0px
}
.faq-menu {
display: flex;
flex-direction: column;
list-style: none;
padding: 0;
margin: 0 0 20px 0;
gap: 15px
}
.faq-menu li a {
display: block;
padding: 12px 15px;
font-size: 1.25rem;
color: #0f0f0f;
border-radius: 8px;
transition: .5s all ease
}
.faq-menu li a:hover {
transform: translate(2px, 0)
}
.faq-menu li.active a {
background: #93d500;
color: #fff
}
.faq-search {
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid #c3c3c3;
margin-bottom: 20px
}
.faq-search-input {
font-size: 1.125rem;
width: calc(100% - 30px);
border: 0;
padding: 5px 10px;
outline: 0
}
.faq-search-btn {
padding: 0;
border: 0;
background: transparent;
width: 30px
}
.faq-search-btn img {
filter: invert(30%)
}
.faq-bg {
padding: 20px;
position: relative;
display: flex;
flex-direction: column;
gap: 15px;
margin-bottom: 50px
}
.faq-bg-overflow {
overflow: hidden
}
.faq-bg::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
background: #f5f5f5;
width: 100vw;
z-index: -1
}
.faq-item {
background: #fff;
border-radius: 8px
}
.faq-item h3 {
font-size: 1.25rem;
color: #000;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.87999 0.290068L5.99999 4.17007L2.11999 0.290068C2.02741 0.197486 1.9175 0.124046 1.79653 0.0739412C1.67557 0.0238363 1.54592 -0.00195312 1.41499 -0.00195312C1.28406 -0.00195313 1.15441 0.0238363 1.03345 0.0739412C0.912482 0.124046 0.802571 0.197486 0.70999 0.290068C0.617408 0.38265 0.543968 0.49256 0.493863 0.613524C0.443758 0.734489 0.417969 0.864137 0.417969 0.995068C0.417969 1.126 0.443758 1.25565 0.493863 1.37661C0.543968 1.49757 0.617408 1.60749 0.70999 1.70007L5.29999 6.29007C5.68999 6.68007 6.31999 6.68007 6.70999 6.29007L11.3 1.70007C11.3927 1.60755 11.4662 1.49767 11.5164 1.37669C11.5666 1.25572 11.5924 1.12604 11.5924 0.995068C11.5924 0.864099 11.5666 0.734417 11.5164 0.613443C11.4662 0.49247 11.3927 0.382581 11.3 0.290068C10.91 -0.0899323 10.27 -0.0999323 9.87999 0.290068Z' fill='%23C4C4C4'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: right 15px center;
margin-bottom: 0;
cursor: pointer;
padding: 15px 40px 15px 15px;
border-radius: 8px;
transition: .5s all ease
}
.faq-item h3.active {
background-color: #005470;
color: #fff;
background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.49994 6.49953C9.36833 6.50029 9.23787 6.47506 9.11603 6.4253C8.99419 6.37554 8.88338 6.30221 8.78994 6.20953L5.49994 2.89953L2.19994 6.07953C2.01258 6.26578 1.75912 6.37032 1.49494 6.37032C1.23075 6.37032 0.977301 6.26578 0.789939 6.07953C0.696211 5.98657 0.621816 5.87596 0.571048 5.75411C0.520279 5.63225 0.494141 5.50154 0.494141 5.36953C0.494141 5.23752 0.520279 5.10681 0.571048 4.98495C0.621816 4.86309 0.696211 4.75249 0.789939 4.65953L4.78994 0.799529C4.97687 0.616302 5.22819 0.513672 5.48994 0.513672C5.75169 0.513672 6.00301 0.616302 6.18994 0.799529L10.1899 4.79953C10.2837 4.89249 10.3581 5.00309 10.4088 5.12495C10.4596 5.24681 10.4857 5.37752 10.4857 5.50953C10.4857 5.64154 10.4596 5.77225 10.4088 5.89411C10.3581 6.01596 10.2837 6.12657 10.1899 6.21953C10.0046 6.39821 9.75741 6.4985 9.49994 6.49953Z' fill='%23C3C3C3'/%3E%3C/svg%3E%0A")
}
.faq-answer {
font-size: 1.125rem;
color: #575757;
padding: 15px 25px 15px 25px;
line-height: 1.25;
display: none
}
.contact-map {
padding: 0;
aspect-ratio: 12/4;
margin-bottom: 70px
}
.contact-map-iframe {
object-fit: cover;
width: 100%;
height: 100%
}
.contact-head {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
border-bottom: 1px solid #c3c3c3;
margin-bottom: 40px
}
.contact-list {
display: flex;
flex-wrap: wrap
}
.contact-list-box {
display: flex;
flex-direction: column;
gap: 30px;
margin-bottom: 60px
}
.contact-img {
width: 220px;
aspect-ratio: 1;
border-radius: 10px;
object-fit: cover
}
.contact-detail {
width: calc(100% - 220px);
padding-left: 30px;
align-self: center
}
.contact-detail h3 {
font-size: 1.875rem;
color: #000;
margin-bottom: 15px
}
.contact-info {
display: inline-flex;
color: #000;
font-size: 1.125rem;
gap: 10px;
align-items: flex-start
}
.contact-info:hover {
color: #000
}
.contact-info-box {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 15px
}
.contact-info img {
width: 18px;
height: auto;
display: block
}
.contact-detail-box {
display: flex;
background: rgba(0, 84, 112, .1);
flex-wrap: wrap;
align-items: center;
border-radius: 10px;
padding: 30px;
margin-bottom: 60px
}
.contact-detail-box figcaption {
padding-left: 50px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 15px;
width: calc(100% - 370px)
}
.contact-detail-box figcaption h3 {
font-size: 2.1875rem;
color: #000;
margin-bottom: 0
}
.contact-detail-img {
max-width: 370px;
height: auto;
display: block
}
.contact-detail-list {
display: inline-flex;
gap: 10px;
align-items: flex-start;
color: #000;
font-size: 1.125rem;
transition: .5s all ease
}
.contact-detail-list:is(a):hover {
color: #005470
}
.contact-detail-list img {
width: 22px;
height: 22px;
object-fit: contain;
display: block;
margin-top: -2px;
margin-left: 5px
}
.contact-detail-list.line {
margin-top: 6px
}
.contact-detail-list.line img {
margin-top: -6px;
margin-left: -2px;
width: 30px;
height: 30px
}
.submenu {
display: none
}
.submenu-brand {
position: absolute;
left: 0;
top: 100%;
background: #fff;
width: 100vw;
border-top: 1px solid #eee
}
.submenu-brand-list {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 10px;
list-style: none;
padding: 20px 0 20px 0;
margin: 0
}
.submenu-brand-list>li>a {
display: inline-block;
font-size: 1.125rem;
color: #1e280c;
padding: 0;
transition: .5s all ease
}
.submenu-brand-list>li>a:hover {
color: #93d500
}
.service-banner {
background: #e2f4ff;
padding: 15px 0
}
.service-banner-box {
display: flex;
flex-wrap: wrap
}
.service-banner-box img {
width: 416px;
height: auto;
display: block;
margin-left: auto
}
.service-banner-box figcaption {
width: calc(100% - 416px);
padding-right: 30px;
align-self: center;
display: inline-flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
max-width: 530px
}
.service-banner-box figcaption h1 {
font-size: 4.0625rem;
color: #000;
margin-bottom: 0px
}
.service-banner-box figcaption p {
font-size: 1.5rem;
color: #000;
margin-bottom: 10px;
line-height: 1.5
}
.service-banner-box figcaption a {
color: #fff;
background: #06c755;
transition: .5s all ease;
padding: 10px 25px;
font-size: 1.5rem;
border-radius: 50px;
display: block
}
.service-banner-box figcaption a:hover {
background: #4cc764;
transform: translate(0, -2px)
}
.service-list {
display: flex;
flex-wrap: wrap;
padding: 40px 0;
justify-content: space-between
}
.service-list:last-child {
margin-bottom: 60px
}
.service-list:nth-child(even) {
flex-direction: row-reverse
}
.service-list:nth-child(even) figcaption {
text-align: right;
align-items: flex-end;
padding-right: 0;
padding-left: 30px
}
.service-list>img {
max-width: 400px;
width: 100%;
height: auto;
display: block;
object-fit: contain
}
.service-list figcaption {
width: calc(100% - 400px);
padding-right: 30px;
align-self: center;
display: inline-flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
max-width: 500px
}
.service-list figcaption h2 {
font-size: 2.375rem;
color: #000;
margin-bottom: 0px
}
.service-list figcaption h2:not(:last-child) {
margin-bottom: 10px
}
.service-list figcaption h3 {
font-size: 1.75rem;
color: #005470;
margin-bottom: 0px
}
.service-list figcaption p {
font-size: 1.5rem;
color: #000;
margin-bottom: 10px;
line-height: 1.5
}
.service-list figcaption a {
color: #fff;
background: #005470;
transition: .5s all ease;
padding: 10px 35px;
font-size: 1.5rem;
border-radius: 50px;
display: block
}
.service-list figcaption a:hover {
background: #93d500;
transform: translate(0, -2px)
}
.service-preorder {
width: 100%;
display: grid;
grid-template-columns: repeat(4, 1fr)
}
.service-preorder-list {
padding: 15px
}
.service-preorder-list img {
width: 175px;
height: auto;
display: block;
margin: 15px auto;
max-width: 100%
}
.service-preorder-list p {
font-size: 1.5rem;
color: #000;
margin-bottom: 0px;
line-height: 1.5;
text-align: center;
font-weight: 600
}
.service-preorder-list:not(:nth-child(4n)) {
border-right: 1px solid #e1e1e1
}
.rating-carousel {
margin-bottom: 60px
}
.rating-carousel .owl-stage {
display: flex
}
.rating-item {
background: #f4f4f4;
border-radius: 16px;
padding: 15px;
height: 100%;
display: flex;
flex-direction: column
}
.rating-user {
display: flex;
flex-wrap: wrap;
align-items: center
}
.rating-user-cover {
width: 44px;
height: 44px;
display: block;
border-radius: 50px;
overflow: hidden
}
.rating-user-cover img {
object-fit: contain;
height: 100%
}
.rating-user-info {
width: calc(100% - 44px);
padding-left: 10px
}
.rating-user-name {
color: #000;
font-size: 1.125rem;
margin-bottom: 5px
}
.rating-date {
font-size: 1rem;
color: #93d500
}
.rating-text {
font-size: 1.125rem;
line-height: 1.5;
padding: 0 10px;
margin-bottom: 10px
}
.rating-star {
background-image: url('data:image/svg+xml,');
background-size: contain;
width: 22px;
height: 22px;
display: block
}
.rating-star-box {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-top: auto
}
.about-bg {
position: relative;
padding: 100px 0;
overflow: hidden
}
.about-bg>img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
z-index: -1
}
.about-text {
color: #fff;
display: flex;
flex-direction: column;
gap: 30px
}
.about-text h2 {
display: flex;
flex-wrap: wrap;
align-items: center;
font-size: 2.875rem;
gap: 10px;
margin-bottom: 0px
}
.about-text h2 img {
width: 180px;
display: flex;
background: #fff;
border-radius: 50px
}
.about-text h3 {
font-size: 2.625rem;
line-height: 1.25;
margin-bottom: 0
}
.about-text p {
font-size: 1.375rem;
margin-bottom: 0px;
line-height: 1.5
}
.about-year {
display: flex;
flex-direction: column;
justify-content: space-around
}
.about-year-list {
font-size: 12.5rem;
font-weight: 600;
color: #fff;
line-height: .75
}
.about-year-list:nth-child(2) {
font-size: 15.375rem;
text-indent: 60px;
color: #93d500
}
.about-year-list:nth-child(3) {
font-size: 11.25rem
}
.about-vision img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto
}
.about-vision-text {
display: flex;
flex-direction: column;
gap: 30px;
align-self: center;
align-items: flex-start
}
.about-vision-text h4 {
font-size: 2.625rem;
line-height: 1.25;
margin-bottom: 0;
color: #000
}
.about-vision-btn {
color: #fff;
background: #93d500;
transition: .5s all ease;
padding: 10px 35px;
font-size: 1.375rem;
border-radius: 50px;
display: block
}
.about-vision-btn:hover {
background: #005470;
color: #fff;
transform: translate(0, -2px)
}
.about-mission {
background: #005470;
padding: 70px 30px
}
.about-mission>img {
width: 140px;
height: auto;
display: block;
margin: 0 auto 10px auto
}
.about-mission figcaption {
color: #fff;
text-align: center
}
.about-mission figcaption h3 {
font-size: 5rem;
margin-bottom: 20px
}
.about-mission figcaption p {
font-size: 2.625rem;
margin-bottom: 0
}
.about-service h3 {
font-size: 3rem;
color: #000;
text-align: center;
margin-top: 50px;
margin-bottom: 30px
}
.about-service-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 20px;
margin-bottom: 70px
}
.about-service-list {
display: flex;
flex-direction: column;
background: #fff;
box-shadow: 0px 4px 21px rgba(0, 0, 0, .12);
border-radius: 10px;
padding: 30px 20px
}
.about-service-list img {
width: 180px;
height: auto;
display: block;
margin: 0 auto;
max-width: 100%
}
.about-service-list span {
width: 60px;
height: 60px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto 10px auto;
background: #005470;
border-radius: 50px;
font-size: 2.5rem
}
.about-service-list figcaption {
text-align: center;
font-size: 1.5rem;
color: #000
}
.about-progress {
text-align: center;
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 100px
}
.about-progress h3 {
font-size: 3.75rem;
margin-bottom: 0;
color: #005470
}
.about-progress p {
font-size: 2.25rem;
margin-bottom: 0;
color: #000
}
.about-progress img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto 10px auto
}
.about-progress h4 {
font-size: 2.25rem;
margin-bottom: 0;
color: #005470
}
.about-progress h1 {
font-size: 5.25rem;
color: #93d500;
margin-bottom: 0
}
.about-progress h2 {
font-size: 3rem;
color: #000;
margin-bottom: 0
}
.search-result-head {
margin-top: 40px;
text-align: center;
margin-bottom: 30px
}
.search-result-head h2 {
font-size: 2.5rem;
color: #005470;
margin-bottom: 5px
}
.search-result-head p {
font-size: 1.125rem;
line-height: 1.25;
margin-bottom: 0
}
.search-result-box {
text-align: center
}
.search-result-box .header-search {
margin: 0 auto 30px auto
}
.search-result-suggest {
width: 800px;
max-width: 100%;
margin: 0 auto
}
.search-result-suggest h3 {
font-size: 1.375rem;
color: #1e280c;
margin-bottom: 20px
}
.search-result-suggest-box {
display: flex;
flex-wrap: wrap;
gap: 15px;
margin-bottom: 40px
}
.search-result-suggest-list {
display: block;
padding: 10px 15px;
font-size: 1.125rem;
background: #fff;
box-shadow: 0px 0px 3px rgba(0, 0, 0, .15);
border-radius: 5px;
color: #1e280c;
transition: .5s all ease
}
.search-result-suggest-list img {
margin: -6px -10px -5px 0
}
.search-result-suggest-list:hover {
color: #fff;
background: #005470;
transform: translate(0, -2px)
}
.search-result-suggest-list:hover img {
filter: invert(100%)
}
.search-result-suggest-text {
font-size: 1.375rem;
text-align: center;
color: #005470;
font-weight: 600;
margin-bottom: 20px
}
.search-result-suggest-alert {
font-size: 1.25rem;
text-align: center;
margin-bottom: 20px;
color: #1e280c
}
.preorder-btn {
display: inline-flex;
padding: 15px 25px 15px 60px;
border-radius: 50px;
background-color: #005470;
color: #fff;
font-size: 1.125rem;
background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_77_5680)'%3E%3Cpath d='M8.75 0.875H14V5.36375C14 5.56565 13.9198 5.75927 13.777 5.90204C13.6343 6.0448 13.4406 6.125 13.2387 6.125H9.51125C9.30935 6.125 9.11573 6.0448 8.97296 5.90204C8.8302 5.75927 8.75 5.56565 8.75 5.36375V0.875Z' fill='white'/%3E%3Cpath d='M9.625 22.75H2.625C1.92881 22.75 1.26113 22.4734 0.768845 21.9812C0.276562 21.4889 0 20.8212 0 20.125L0 2.625C0 1.92881 0.276562 1.26113 0.768845 0.768845C1.26113 0.276562 1.92881 0 2.625 0L20.125 0C20.8212 0 21.4889 0.276562 21.9812 0.768845C22.4734 1.26113 22.75 1.92881 22.75 2.625V9.625C22.75 9.85706 22.6578 10.0796 22.4937 10.2437C22.3296 10.4078 22.1071 10.5 21.875 10.5C21.6429 10.5 21.4204 10.4078 21.2563 10.2437C21.0922 10.0796 21 9.85706 21 9.625V2.625C21 2.39294 20.9078 2.17038 20.7437 2.00628C20.5796 1.84219 20.3571 1.75 20.125 1.75H2.625C2.39294 1.75 2.17038 1.84219 2.00628 2.00628C1.84219 2.17038 1.75 2.39294 1.75 2.625V20.125C1.75 20.3571 1.84219 20.5796 2.00628 20.7437C2.17038 20.9078 2.39294 21 2.625 21H9.625C9.85706 21 10.0796 21.0922 10.2437 21.2563C10.4078 21.4204 10.5 21.6429 10.5 21.875C10.5 22.1071 10.4078 22.3296 10.2437 22.4937C10.0796 22.6578 9.85706 22.75 9.625 22.75Z' fill='white'/%3E%3Cpath d='M6.125 19.25H4.375C4.14294 19.25 3.92038 19.1578 3.75628 18.9937C3.59219 18.8296 3.5 18.6071 3.5 18.375C3.5 18.1429 3.59219 17.9204 3.75628 17.7563C3.92038 17.5922 4.14294 17.5 4.375 17.5H6.125C6.35706 17.5 6.57962 17.5922 6.74372 17.7563C6.90781 17.9204 7 18.1429 7 18.375C7 18.6071 6.90781 18.8296 6.74372 18.9937C6.57962 19.1578 6.35706 19.25 6.125 19.25Z' fill='white'/%3E%3Cpath d='M20.125 28C18.5675 28 17.0449 27.5381 15.7499 26.6728C14.4548 25.8075 13.4455 24.5776 12.8494 23.1386C12.2534 21.6997 12.0975 20.1163 12.4013 18.5887C12.7052 17.0611 13.4552 15.6579 14.5565 14.5565C15.6579 13.4552 17.0611 12.7052 18.5887 12.4013C20.1163 12.0975 21.6997 12.2534 23.1386 12.8495C24.5776 13.4455 25.8075 14.4549 26.6728 15.7499C27.5381 17.0449 28 18.5675 28 20.125C28 22.2136 27.1703 24.2166 25.6935 25.6935C24.2166 27.1703 22.2136 28 20.125 28ZM20.125 14C18.9136 14 17.7294 14.3592 16.7221 15.0323C15.7149 15.7053 14.9298 16.6619 14.4662 17.7811C14.0027 18.9003 13.8814 20.1318 14.1177 21.3199C14.354 22.5081 14.9374 23.5994 15.794 24.456C16.6506 25.3126 17.7419 25.896 18.9301 26.1323C20.1182 26.3686 21.3497 26.2474 22.4689 25.7838C23.5881 25.3202 24.5447 24.5351 25.2178 23.5279C25.8908 22.5206 26.25 21.3364 26.25 20.125C26.25 18.5006 25.6047 16.9426 24.456 15.794C23.3074 14.6453 21.7495 14 20.125 14Z' fill='white'/%3E%3Cpath d='M17.5 23.625C17.3848 23.6257 17.2707 23.6036 17.1641 23.5601C17.0575 23.5165 16.9605 23.4523 16.8788 23.3712C16.7967 23.2899 16.7316 23.1931 16.6872 23.0865C16.6428 22.9799 16.6199 22.8655 16.6199 22.75C16.6199 22.6345 16.6428 22.5201 16.6872 22.4135C16.7316 22.3069 16.7967 22.2101 16.8788 22.1288L19.25 19.7663V16.625C19.25 16.3929 19.3422 16.1704 19.5063 16.0063C19.6704 15.8422 19.8929 15.75 20.125 15.75C20.3571 15.75 20.5796 15.8422 20.7437 16.0063C20.9078 16.1704 21 16.3929 21 16.625V20.125C21.0007 20.2402 20.9786 20.3543 20.9351 20.4609C20.8915 20.5675 20.8273 20.6645 20.7462 20.7462L18.1212 23.3712C18.0395 23.4523 17.9425 23.5165 17.8359 23.5601C17.7293 23.6036 17.6152 23.6257 17.5 23.625Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_77_5680'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
background-position: 25px center;
background-repeat: no-repeat;
border: 0;
transition: .5s all ease
}
.preorder-btn:hover {
color: #fff;
background-color: #93d500;
transform: translate(0, -2px)
}
.preorder-btn-box {
text-align: center;
margin-bottom: 100px
}
@media(min-width: 992px) {
.preorder-containerh {
min-height: calc(100vh - 485px)
}
}
.preorder-condition {
max-width: 875px;
margin: 0 auto;
padding: 0 15px
}
.preorder-condition h5 {
color: #1e280c;
margin-bottom: 10px
}
.preorder-condition ul {
font-size: 1.125rem;
color: #1e280c;
line-height: 1.5;
margin-bottom: 0px;
list-style: decimal;
display: flex;
flex-direction: column;
gap: 5px
}
.policy-box {
padding: 30px 0;
font-size: 1.125rem
}
.policy-box a {
color: #005470;
text-decoration: underline
}
.policy-box p {
margin-bottom: 10px;
line-height: 1.5;
font-size: 1.125rem;
color: #414141
}
.policy-box h1,
.policy-box h2,
.policy-box h3,
.policy-box h4,
.policy-box h5,
.policy-box h6 {
color: #000;
margin-bottom: 10px
}
.policy-box h1 {
font-size: 2.25rem
}
.policy-box h2 {
font-size: 2rem
}
.policy-box h3 {
font-size: 1.875rem
}
.policy-box h4 {
font-size: 1.625rem
}
.policy-box h5 {
font-size: 1.375rem;
color: #005470
}
.policy-box h6 {
font-size: 1.25rem
}
.policy-box p,
.policy-box ul {
margin-bottom: 10px;
line-height: 1.5;
color: #414141
}
.policy-box h2 {
font-size: 1.625rem;
color: #005470;
margin-bottom: 15px
}
.policy-box-border {
border: 1px solid #ccc;
display: flex;
flex-wrap: wrap
}
.policy-box-border+.policy-box-border {
border-top: 0
}
.policy-box-border+*:not(.policy-box-border) {
margin-top: 15px
}
.policy-box-border-left {
width: 35%;
border-right: 1px solid #ccc;
padding: 15px
}
.policy-box-border-right {
width: 65%;
padding: 15px
}
.cookie-box {
padding: 30px;
background: rgba(21, 46, 54, .9);
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 5;
display: flex;
justify-content: center;
align-items: center
}
.cookie-text {
font-size: 1.125rem;
color: #fff;
padding-right: 30px;
line-height: 1.35
}
.cookie-btn {
font-size: 1.25rem;
color: #b7d5df;
padding: 10px 20px;
border-radius: 50px;
border: 1px solid #b7d5df;
background-color: transparent;
transition: .5s all ease
}
.cookie-btn:hover {
color: #fff;
transform: translate(0, -2px)
}
.cookie-btn-box {
display: inline-flex;
gap: 10px;
align-items: center;
white-space: nowrap
}
.cookie-btn-setting {
font-size: 1.25rem;
color: #b7d5df;
display: block;
transition: .5s all ease
}
.cookie-btn-setting:hover {
color: #fff
}
.cookie-btn-policy {
display: inline-block;
text-decoration: underline;
color: #fff
}
.cookie-btn-policy:hover {
color: #b7d5df
}
.cookie-btn-accept {
background: #005470;
border-color: #005470
}
.cookie-popup {
width: 800px;
padding: 25px;
border-radius: 20px;
display: none
}
.cookie-popup h3 {
font-size: 1.875rem;
color: #000;
margin-bottom: 15px
}
.cookie-popup h5 {
font-size: 1.25rem;
color: #000;
margin-bottom: 15px
}
.cookie-popup p {
font-size: 1.125rem;
line-height: 1.35;
color: #1e280c;
margin-bottom: 15px
}
.cookie-popup p a {
color: #000;
text-decoration: underline;
display: inline-block
}
.cookie-popup-btn {
font-size: 1.25rem;
color: #005470;
padding: 10px 20px;
border-radius: 50px;
border: 1px solid #005470;
background-color: transparent;
transition: .5s all ease
}
.cookie-popup-btn:hover {
color: #005470;
transform: translate(0, -2px)
}
.cookie-popup-btn-box {
display: flex;
gap: 10px;
align-items: center;
justify-content: flex-end;
margin-top: 15px
}
.cookie-popup-btn-accept {
color: #fff;
background: #005470
}
.cookie-popup-btn-accept:hover {
color: #fff
}
.cookie-list {
display: flex;
flex-direction: column;
gap: 10px
}
.cookie-list-box {
position: relative
}
.cookie-list-head {
background: #005470;
border-radius: 10px;
color: #fff;
padding: 15px 75px 15px 15px;
display: flex;
font-size: 1.25rem;
gap: 8px
}
.cookie-list-head i {
font-size: .875rem;
margin-top: 4px
}
.cookie-list-detail {
padding: 10px;
display: none
}
.cookie-list-detail h6 {
font-size: 1.25rem;
color: #000;
margin-bottom: 5px
}
.cookie-list-row {
font-size: 1rem;
display: flex;
flex-wrap: wrap;
padding: 5px 15px;
color: #1e280c
}
.cookie-list-row-head {
font-weight: 600;
color: #000
}
.cookie-list-row:not(:last-child) {
border-bottom: 1px solid #f1f3f5
}
.cookie-list-row:last-child {
padding-bottom: 10px
}
.cookie-list-col {
width: 33.33%
}
.cookie-checkbox {
position: absolute;
width: 50px;
height: 30px;
right: 10px;
top: 10px;
background: rgba(255, 255, 255, .1);
border-radius: 50px
}
.cookie-checkbox input {
display: none
}
.cookie-checkbox input:checked+.cookie-checkbox-icon {
background: #93d500;
left: 23px
}
.cookie-checkbox-icon {
width: 24px;
height: 24px;
background: #5a8fa9;
border-radius: 50px;
position: absolute;
left: 3px;
top: 3px;
transition: .5s all ease
}
.data-hidden-box {
display: none
}
.wishlist-wholesale-search {
display: flex;
flex-wrap: wrap;
padding: 0 45px;
margin-bottom: 25px
}
.wishlist-wholesale-search-title {
font-size: 1.5rem;
font-weight: 600;
color: #000;
text-align: center;
width: 90px;
align-self: center
}
.wishlist-wholesale-search-input {
background: #f4f4f4;
border-radius: 10px 0 0 10px;
border: 0;
padding: 15px 5px 15px 15px;
font-size: 1.25rem;
outline: 0;
width: calc(100% - 132px)
}
.wishlist-wholesale-search-btn {
width: 42px;
border: 0;
background: #f4f4f4;
border-radius: 0 10px 10px 0;
font-size: 1.25rem;
color: #005470
}
.wishlist-wholesale-selected {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-top: 25px
}
.wishlist-wholesale-selected-text {
color: #1e280c;
font-size: 1.25rem
}
.wishlist-wholesale-selectall {
color: #1e280c;
font-size: 1.25rem;
text-decoration: underline;
font-weight: 600;
display: flex;
align-items: center;
gap: 5px;
padding: 0;
border: 0;
align-self: center;
margin-left: auto;
background: transparent;
transition: .5s all ease
}
.wishlist-wholesale-selectall i {
color: #93d500
}
.wishlist-wholesale-selectall:hover {
color: #005470;
transform: translate(0, -2px)
}
.wishlist-wholesale-checkbox-icon {
width: 46px;
height: 36px;
background: #c9c9c9;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
color: #fff
}
.wishlist-wholesale-checkbox-icon i {
line-height: 30px;
margin-top: 4px
}
.wishlist-wholesale-checkbox input {
display: none
}
.wishlist-wholesale-checkbox input:checked+.wishlist-wholesale-checkbox-icon {
background: #93d500
}
.wishlist-wholesale-product {
display: flex;
flex-direction: column;
gap: 10px;
height: calc(100vh - 300px);
overflow-y: auto
}
.wishlist-wholesale-product::-webkit-scrollbar-track {
background-color: #eee
}
.wishlist-wholesale-product::-webkit-scrollbar {
width: 6px
}
.wishlist-wholesale-product::-webkit-scrollbar-thumb {
background-color: #005470;
cursor: pointer;
border-radius: 5px;
transition: .5s all ease
}
.wishlist-wholesale-product::-webkit-scrollbar-thumb:hover {
background-color: #005470
}
.wishlist-wholesale-product-item {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
border-radius: 5px;
background: #fff;
padding: 15px
}
.wishlist-wholesale-product-item .cart-page-list-product-price-box {
margin-top: 10px
}
.wishlist-wholesale-product-item .cart-box-product-select-box {
margin-left: auto
}
.wishlist-wholesale-product-item .product-detail-quantity-input {
border-color: #d5d5d5;
height: 34px
}
.wishlist-wholesale-product-item .product-detail-quantity-btn {
border-color: #d5d5d5;
height: 34px;
font-size: 32px
}
.wishlist-wholesale-product-item .product-price span {
font-size: 1rem;
margin-left: 5px
}
.wishlist-wholesale-product-img {
width: 80px;
overflow: hidden
}
.wishlist-wholesale-product-img>img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 1;
transition: .5s all ease
}
.wishlist-wholesale-product-detail {
width: calc(100% - 146px)
}
.policy-table {
margin-bottom: 20px;
overflow-x: auto
}
.policy-table table {
width: 100%;
min-width: 600px;
color: #000
}
.policy-table table th,
.policy-table table td {
border: 1px solid #ccc;
padding: 10px;
text-align: center;
background: #f0f0f0
}
.policy-table table th {
color: #fff;
padding: 15px 10px;
background: #333
}
.brand-box-margin {
margin-bottom: 40px
}
.brand-box h5 {
font-size: 1.625rem;
font-style: italic;
font-weight: 600;
color: #005470;
margin-bottom: 10px
}
.brand-list {
color: #93d500;
padding-left: 25px;
margin-bottom: 25px;
display: grid;
grid-template-columns: repeat(5, 1fr);
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
gap: 10px
}
.brand-list a {
display: inline-flex;
color: #000;
font-size: 1.25rem;
transition: .5s all ease
}
.brand-list a:hover {
color: #005470
}
.cart-page-btn-box>form {
mex-with: 50%
}
.cart-page-btn-box>form .cart-page-btn {
max-width: 100%
}
.pd-review-head {
margin-top: 10px;
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 20px
}
.pd-review-head-back {
display: block;
border: 0;
padding: 0;
color: #005470;
background: transparent;
font-size: 1.5rem
}
.pd-review-head h3 {
font-size: 1.875rem;
color: #000;
margin-bottom: 0
}
.pd-review-box {
display: flex;
flex-direction: column;
gap: 15px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px
}
.pd-review-list {
padding: 20px;
border-radius: 20px;
box-shadow: rgba(0, 0, 0, .1) 0px 0px 5px 0px, rgba(0, 0, 0, .1) 0px 0px 1px 0px;
background: #fff
}
.pd-review-star {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
margin-bottom: 10px
}
.pd-review-star h6 {
font-size: 1.125rem;
color: #000;
margin-bottom: 0
}
.pd-review-text h6 {
font-size: 1.125rem;
color: #000;
margin-bottom: 10px
}
.pd-review-text label {
font-size: 1.125rem;
color: #000;
margin-bottom: 10px;
font-weight: 600
}
.pd-review-text-textarea {
width: 100%;
font-size: 1.125rem;
padding: 10px;
border: 1px solid #d5d5d5;
border-radius: 4px;
margin: 0;
outline: 0
}
.product-label {
position: absolute;
display: flex;
font-size: .9375rem;
color: #fff;
background: #93d500;
padding: 1px 10px 1px 7px;
z-index: 3;
top: 5px;
left: 5px;
border-radius: 50px;
gap: 5px;
align-items: center;
line-height: .85;
max-width: calc(100% - 10px)
}
.product-label>img {
width: auto !important;
height: 22px;
display: block;
object-fit: contain;
margin: -5px 0 0 0
}
.cart-box-product-link .product-label {
position: static;
display: inline-flex
}
.dataTables_wrapper .dataTables_paginate span a.paginate_button {
border-radius: 50%;
width: 36px;
height: 36px;
line-height: 36px;
font-size: 1.125rem;
padding: 0;
color: #1e280c;
border: 0;
background: #fff;
display: inline-flex;
justify-content: center;
align-items: center;
text-decoration: none;
box-shadow: 0px 0px 4px rgba(0, 0, 0, .15);
transition: .2s all ease
}
.dataTables_wrapper .dataTables_paginate span a.paginate_button.current,
.dataTables_wrapper .dataTables_paginate span a.paginate_button.current:hover {
background: #005470;
color: #fff !important;
border-color: #005470
}
.dataTables_wrapper .dataTables_length select {
width: 43px;
background-position: right 5px center
}
table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_asc:after,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>th.sorting_asc_disabled:after,
table.dataTable thead>tr>th.sorting_desc_disabled:after,
table.dataTable thead>tr>td.sorting:after,
table.dataTable thead>tr>td.sorting_asc:after,
table.dataTable thead>tr>td.sorting_desc:after,
table.dataTable thead>tr>td.sorting_asc_disabled:after,
table.dataTable thead>tr>td.sorting_desc_disabled:after {
margin-top: 3px;
color: #005470
}
table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_desc:before,
table.dataTable thead>tr>th.sorting_asc_disabled:before,
table.dataTable thead>tr>th.sorting_desc_disabled:before,
table.dataTable thead>tr>td.sorting:before,
table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_desc:before,
table.dataTable thead>tr>td.sorting_asc_disabled:before,
table.dataTable thead>tr>td.sorting_desc_disabled:before {
color: #005470
}
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_desc:after {
opacity: 1 !important
}
table.dataTable tbody th .btn,
table.dataTable tbody td .btn {
display: inline-block;
text-decoration: underline;
color: #000
}
table.dataTable {
font-size: 1.125rem
}
.dataTables_wrapper .dataTables_filter {
margin-bottom: 10px
}
table.dataTable tbody th,
table.dataTable tbody td {
background: #fff;
padding: 15px 10px !important;
border-color: #eee
}
table.dataTable>thead>tr>th,
table.dataTable>thead>tr>td {
background: #fff;
padding: 15px 10px !important
}
.bundledeal-label {
position: absolute;
top: 5px;
left: 5px;
z-index: 5
}
.bundledeal-label img {
width: 70px !important;
display: block;
height: auto
}
.bundledeal-box {
display: inline-flex;
border: 2px solid #f26822;
padding: 5px 5px 5px 10px;
border-radius: 50px;
margin-bottom: 15px;
align-items: center;
gap: 5px
}
.bundledeal-title {
font-size: 1rem;
font-weight: 600;
color: #f26822;
display: inline-flex;
align-items: center
}
.bundledeal-title i {
margin-right: 5px
}
.bundledeal-text {
color: #000
}
.bundledeal-text i {
margin-left: 5px;
color: #f26822;
font-size: .75em
}
.bundledeal-addtocart {
position: absolute;
right: -5px;
top: -5px;
background: #005470;
width: 34px;
height: 34px;
border: 0;
padding: 0;
border-radius: 50px;
transition: .5s all ease
}
.bundledeal-addtocart:hover {
background: #93d500
}
.bundledeal-products {
margin-top: 25px;
padding: 0 15px 5px 15px;
border-radius: 10px;
box-shadow: rgba(99, 99, 99, .2) 0px 2px 8px 0px;
background: #0054700f
}
.bundledeal-products h5 {
font-size: 1.375rem;
margin-bottom: 15px;
background: #ff3032;
color: #fff;
padding: 5px 15px;
border-radius: 0 0 5px 5px;
display: inline-block;
margin-top: -5px;
position: relative;
box-shadow: rgba(50, 50, 93, .25) 0px 2px 5px -1px, rgba(0, 0, 0, .3) 0px 1px 3px -1px
}
.bundledeal-products h5::before {
content: "";
width: 0;
height: 0;
border-bottom: 5px solid #ad1e21;
border-left: 5px solid transparent;
position: absolute;
right: 100%;
top: 0
}
.bundledeal-products h5::after {
content: "";
width: 0;
height: 0;
border-bottom: 5px solid #ad1e21;
border-right: 5px solid transparent;
position: absolute;
left: 100%;
top: 0
}
.bundledeal-products .cart-page-list-product {
border: 1px solid #eee;
background: #fff;
border-radius: 10px;
padding: 10px;
margin-bottom: 10px;
width: 100%
}
.bundledeal-products .cart-page-list-product:nth-child(odd) {
background: #fdfdfd
}
.cart-box-product-list .bundledeal-box {
margin-bottom: 0;
margin-top: 3px
}
.addon-label {
position: absolute;
top: 5px;
left: 5px;
z-index: 5
}
.addon-label img {
width: 75px !important;
display: block;
height: auto
}
.addon-box {
display: inline-flex;
border: 2px solid #93d500;
padding: 5px 5px 5px 10px;
border-radius: 50px;
margin-bottom: 15px;
align-items: center;
gap: 5px;
background-color: #93d500;
}
.addon-title {
font-size: 1rem;
font-weight: 600;
color: #ffffff;
display: inline-flex;
align-items: center
}
.addon-title i {
margin-right: 5px
}
@media(min-width: 1300px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1140px
}
}
@media(min-width: 1600px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1300px
}
}
@media(max-width: 1599px) {
.banner-carousel .owl-nav {
margin-top: 0
}
.banner-carousel .owl-nav [class*=owl-].owl-prev {
left: calc((100vw - 1320px)/2 - 30px)
}
.banner-carousel .owl-nav [class*=owl-].owl-next {
right: calc((100vw - 1320px)/2 - 30px)
}
}
@media(max-width: 1399px) {
.detail-editor h1 {
font-size: 2.25rem
}
.detail-editor h2 {
font-size: 2rem
}
.detail-editor h3 {
font-size: 1.875rem
}
.detail-editor h4 {
font-size: 1.625rem
}
.detail-editor h5 {
font-size: 1.375rem
}
.detail-editor h6 {
font-size: 1.25rem
}
.banner-carousel .owl-nav {
margin-top: 0
}
.banner-carousel .owl-nav [class*=owl-].owl-prev {
left: calc((100vw - 1140px)/2 - 50px)
}
.banner-carousel .owl-nav [class*=owl-].owl-next {
right: calc((100vw - 1140px)/2 - 50px)
}
}
@media(max-width: 1199px) {
.header-menu-btn {
display: inline-flex
}
.header-menu {
padding-top: 10px;
padding-bottom: 10px;
overflow-y: auto
}
.header-menu-ul {
display: none;
position: fixed;
left: 0;
top: 0;
padding: 10px;
background: #fff;
width: 300px
}
.header-menu-ul>li {
margin-bottom: 5px
}
.header-menu-ul>li>a {
font-size: 1.375rem;
padding: 10px 15px 8px 15px
}
.header-menu-ul>li>a span {
position: static;
display: inline-block;
transform: translate(0, -5px);
margin-left: 5px
}
.header-bg.sticky .header-menu {
padding-top: 10px;
padding-bottom: 10px
}
.header-mid {
padding-top: 10px;
padding-bottom: 10px
}
.header-right-btn {
padding: 5px 15px
}
.hilight-box-grid {
display: grid;
grid-template-columns: repeat(4, 1fr)
}
.hilight-box-grid {
margin-top: 50px;
margin-bottom: 50px
}
.flashsale-section {
padding-top: 40px;
padding-bottom: 30px
}
.promo-banner {
margin-top: 50px;
margin-bottom: 50px
}
.banner-carousel .owl-nav {
margin-top: 0
}
.banner-carousel .owl-nav [class*=owl-].owl-prev {
left: calc((100vw - 960px)/2 - 25px)
}
.banner-carousel .owl-nav [class*=owl-].owl-next {
right: calc((100vw - 960px)/2 - 25px)
}
.banner-fp-item figcaption h2 {
font-size: 3.5rem
}
.files-container {
grid-template-columns: repeat(6, 1fr)
}
.order-history-table-row-head {
font-size: 1.125rem
}
.shop-branch-buynow {
font-size: 1.375rem
}
.head-inside h2 {
font-size: 1.75rem;
margin-bottom: 20px
}
.head-inside-nomargin h2 {
margin-bottom: 10px
}
.smt-box {
margin-bottom: 40px
}
.success-list {
padding: 0 20px
}
.blog-banner .banner-carousel .owl-nav [class*=owl-].owl-prev {
left: -5px
}
.blog-banner .banner-carousel .owl-nav [class*=owl-].owl-next {
right: -5px
}
.about-year-list {
font-size: 10rem
}
.about-year-list:nth-child(2) {
font-size: 11.25rem
}
.about-year-list:nth-child(3) {
font-size: 9.5rem
}
.about-text {
gap: 20px
}
.about-text h2 {
font-size: 2.25rem
}
.about-text h2 img {
width: 100px
}
.about-text h3 {
font-size: 1.875rem
}
.about-text p {
font-size: 1.125rem
}
.about-vision-text {
gap: 20px
}
.about-vision-text h4 {
font-size: 2.25rem
}
.about-vision-btn {
font-size: 1.125rem
}
.about-mission {
padding: 50px 20px
}
.about-mission>img {
width: 110px
}
.about-mission figcaption h3 {
font-size: 3.75rem
}
.about-mission figcaption p {
font-size: 2rem
}
.about-service-list figcaption {
font-size: 1.25rem
}
.about-service-list span {
font-size: 1.875rem;
width: 40px;
height: 40px
}
.about-progress {
margin-bottom: 50px
}
.about-progress h3 {
font-size: 2.875rem
}
.about-progress p {
font-size: 2rem
}
.about-progress h4 {
font-size: 2rem
}
.about-progress h1 {
font-size: 4.375rem
}
.about-progress h2 {
font-size: 2.5rem
}
.about-service-grid {
margin-bottom: 50px
}
.about-service h3 {
font-size: 2rem
}
.search-result-head h2 {
font-size: 2.5rem
}
.summary-order-col:first-child {
width: calc(100% - 190px)
}
.summary-order-col:nth-child(2) {
width: 50px
}
.summary-order-item-qty {
width: 50px
}
.summary-order-item-img {
width: 50px
}
.summary-order-item-text {
width: calc(100% - 240px)
}
.pd-review-list .summary-order-item-text {
width: calc(100% - 200px)
}
}
@media(max-width: 991px) {
.header-search {
width: calc(100% - 290px);
margin: 0 15px 0 15px
}
.hilight-box h3 {
font-size: 1.5rem
}
.hilight-box:first-child h3 {
font-size: 1.75rem
}
.flashsale-timer {
padding-left: 5px
}
.flashsale-timer>div {
font-size: 1.25rem
}
.head-viewall {
font-size: 1.125rem
}
.head-fp {
margin-bottom: 20px
}
.flashsale-tag {
gap: 10px
}
.product-group {
gap: 15px
}
.footer-info {
padding-bottom: 20px
}
.footer-bg {
padding-top: 20px
}
.promo-banner figcaption {
left: 40px
}
.promo-banner figcaption h3 {
font-size: 2rem
}
.footer-logo {
width: 70px
}
.banner-carousel .owl-nav {
margin-top: 0
}
.banner-carousel .owl-nav [class*=owl-] {
width: 30px;
height: 30px;
font-size: 8px
}
.banner-carousel .owl-nav [class*=owl-].owl-prev {
left: 5px
}
.banner-carousel .owl-nav [class*=owl-].owl-next {
right: 5px
}
.register-box {
padding: 15px
}
.register-box h2 {
font-size: 2.5rem
}
.register-box h3 {
font-size: 2rem
}
.register-box ul {
margin: 0
}
.pharmacist-bg {
padding-top: 30px;
padding-bottom: 30px
}
.pharmacist-bg h4 {
font-size: 1.625rem
}
.pharmacist-bg h3 {
font-size: 2.25rem;
margin-bottom: 20px
}
.pharmacist-contact {
font-size: 1.25rem
}
.backtotop {
width: 40px;
height: 40px;
bottom: 10px;
right: 10px
}
.backtotop img {
width: 16px
}
.chat-btn img {
width: 26px
}
.head-article {
margin-bottom: 25px
}
.document-wholesale-topic {
width: calc(100% - 340px)
}
.document-wholesale-upload {
background: #f5f5f5;
border-radius: 8px;
width: 300px
}
.account-head {
margin-bottom: 15px
}
.account-content {
padding-left: 0;
width: 100%
}
.account-menu-box {
width: 100%;
padding: 0
}
.account-info {
padding: 0
}
.account-info-user-img {
width: 110px;
height: 110px
}
.account-info-user-img-upload {
bottom: 0;
right: 0
}
.account-menu-box ul {
display: grid;
flex-wrap: wrap;
gap: 5px;
grid-template-columns: repeat(4, 1fr);
margin-bottom: 10px
}
.account-menu-box ul li a {
font-size: 1.25rem;
padding: 10px
}
.account-menu-box ul li a img {
width: 26px
}
.account-menu-box ul li:nth-child(4) {
order: 5
}
.account-menu-box ul li:nth-child(5) {
order: 4
}
.account-menu-box ul li:nth-child(6) {
order: 6
}
.account-menu-box ul li:nth-child(7) {
order: 7
}
.account-menu-box ul li:nth-child(8) {
order: 8
}
.account-content-bg h3 {
font-size: 1.75rem
}
.account-menu-sub ul {
padding-left: 0;
display: flex;
flex-direction: column
}
.account-menu-sub ul li a {
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 0
}
.account-menu-sub ul li a.account-menu-sub-btn {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0
}
.register-box h3 img {
width: 40px
}
.reward-grid {
gap: 15px
}
.reward-item-price {
font-size: 2.75rem
}
.shop-column-dropdown-box-select {
display: none
}
.product-grid {
grid-template-columns: repeat(3, 1fr)
}
.product-grid-6-column {
grid-template-columns: repeat(3, 1fr)
}
.product-item figcaption h3 {
font-size: 1.125rem
}
.breadcrumb {
margin-bottom: 30px
}
.product-detail-info {
padding-left: calc(var(--bs-gutter-x)/2)
}
.product-detail-info h2 {
font-size: 2.25rem
}
.product-detail-btn {
font-size: 1.25rem
}
.product-detail-price {
margin-bottom: 15px
}
.product-detail-tab li {
font-size: 1.25rem
}
.product-detail-related {
padding-bottom: 20px
}
.product-detail-related h4 {
font-size: 1.25rem;
margin-bottom: 20px
}
.product-detail-slide {
margin-bottom: 50px
}
.cart-box {
width: 400px
}
.cart-page-total {
width: 400px
}
.cart-page-btn-next {
max-width: calc(50% - 20px)
}
.payment-select select {
max-width: 300px
}
.cart-page-btn-edit-cart {
margin-bottom: 40px
}
.smt-box {
margin-bottom: 20px
}
.sp-address {
padding-right: 0
}
.sp-address-box-select h6 {
font-size: 1.5rem
}
.sp-address-box-select p {
font-size: 1.25rem
}
.sp-address-box-tel {
font-size: 1.25rem
}
.sp-address-tax-info h6 {
font-size: 1.25rem
}
.sp-address-tax-info p {
font-size: 1.25rem
}
.sp-address-tax-company {
font-size: 1.25rem
}
.sp-address-tax-tel {
font-size: 1.25rem
}
.sp-address-box-edit {
padding: 10px 25px 10px 40px;
font-size: 1.125rem;
background-size: 18px
}
.success-list {
width: 33.33%;
margin-bottom: 15px
}
.success-list p {
font-size: 1.25rem
}
.success-list:nth-child(3) {
border: 0
}
.success-list:nth-child(4) {
padding-left: 0
}
.success-list-box {
margin-bottom: 20px
}
.success-head {
margin-bottom: 15px
}
.success-box-btn {
display: flex;
align-items: flex-start;
justify-content: space-between
}
.success-box-btn .cart-page-btn-next.btn-next-success {
margin-left: 0;
margin-bottom: 40px
}
.success-box-btn .cart-page-btn-next.btn-backhome {
margin-bottom: 40px
}
.blog-grid-aside {
display: grid;
grid-template-columns: repeat(2, 1fr);
margin-bottom: 40px
}
.blog-item figcaption h4 {
font-size: 1.375rem
}
.blog-grid-hori {
margin-bottom: 40px
}
.blog-margin {
margin-top: 25px
}
.blog-margin h2 {
margin-bottom: 10px
}
.banner-fp-item figcaption h2 {
font-size: 2.5rem
}
.blog-category-box {
margin-bottom: 25px
}
.blog-category-box {
gap: 10px 15px
}
.blog-category-search {
margin-bottom: 30px
}
.blog-grid {
gap: 20px
}
.faq-menu li a {
padding: 10px;
font-size: 1.125rem;
line-height: 1.25
}
.faq-bg {
padding: 15px
}
.cart-box-product-select-box {
gap: 5px
}
.cart-box-product .product-item .product-detail-quantity-btn {
width: 20px;
height: 28px;
font-size: 24px;
padding: 0
}
.cart-box-product .product-item .product-detail-quantity-input {
width: 26px;
height: 28px;
font-size: 18px
}
.cart-box-product-select-box .product-detail-quantity-btn {
width: 20px;
height: 28px;
font-size: 24px;
padding: 0
}
.cart-box-product-select-box .product-detail-quantity-input {
width: 26px;
height: 28px;
font-size: 18px
}
.cart-page-list-product-detail h6 {
margin-bottom: 10px
}
.contact-detail-box figcaption {
padding-left: 30px
}
.submenu-brand {
position: static;
width: 100%;
border: 0
}
.submenu-brand .container {
padding: 5px 0
}
.submenu-brand-list {
grid-template-columns: repeat(1, 1fr);
max-height: 50vh;
overflow-y: auto;
padding: 10px;
border-radius: 10px;
background: #f9f9f9
}
.submenu-brand-list::-webkit-scrollbar-track {
background-color: #eee
}
.submenu-brand-list::-webkit-scrollbar {
width: 6px
}
.submenu-brand-list::-webkit-scrollbar-thumb {
background-color: #005470;
cursor: pointer;
border-radius: 5px;
transition: .5s all ease
}
.submenu-brand-list::-webkit-scrollbar-thumb:hover {
background-color: #005470
}
.service-banner-box img {
width: 300px
}
.service-banner-box figcaption {
width: calc(100% - 300px)
}
.service-banner-box figcaption h1 {
font-size: 2.25rem
}
.service-banner-box figcaption p,
.service-banner-box figcaption a {
font-size: 1.125rem
}
.service-list>img {
max-width: 280px
}
.service-list figcaption {
width: calc(100% - 300px)
}
.service-list figcaption h2 {
font-size: 2rem
}
.service-list figcaption h3 {
font-size: 1.375rem
}
.service-list figcaption p,
.service-list figcaption a {
font-size: 1.125rem
}
.service-preorder-list img {
width: 100px
}
.service-preorder-list p {
font-size: 1.125rem
}
.service-list:last-child {
margin-bottom: 40px
}
.about-vision-text h4 {
font-size: 2rem
}
.about-mission {
padding: 50px 20px
}
.about-mission>img {
width: 110px
}
.about-mission figcaption h3 {
font-size: 3.25rem
}
.about-mission figcaption p {
font-size: 1.625rem
}
.about-service-list figcaption {
font-size: 1.125rem
}
.about-progress h3 {
font-size: 2.5rem
}
.about-progress p {
font-size: 1.75rem
}
.about-progress h4 {
font-size: 1.75rem
}
.about-progress h1 {
font-size: 3.75rem
}
.about-progress h2 {
font-size: 2.25rem
}
.about-bg {
padding: 40px 0
}
.about-year-list {
font-size: 7rem
}
.about-year-list:nth-child(2) {
font-size: 8.5rem;
text-indent: 40px
}
.about-year-list:nth-child(3) {
font-size: 6.5rem
}
.about-service-grid {
gap: 10px
}
.search-result-box .header-search {
width: 600px;
max-width: 100%
}
.preorder-btn-box {
margin-bottom: 50px
}
.search-result-suggest-box {
margin-bottom: 20px;
gap: 10px
}
.blog-detail-gallery {
grid-template-columns: repeat(4, 1fr)
}
.cookie-popup {
padding: 15px;
width: 600px
}
.contact-map {
margin-bottom: 40px
}
.brand-list {
grid-template-columns: repeat(3, 1fr)
}
}
@media(max-width: 767px) {
html {
font-size: 14px
}
.header-right-btn {
height: 36px;
width: 36px;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center
}
.header-right-btn span {
display: none
}
.header-right-btn img {
margin-right: 0
}
.header-right-btn-cart {
margin-left: 5px
}
.header-right-btn-cart1 {
margin-left: 5px
}
.header-menu {
padding-top: 5px;
padding-bottom: 5px
}
.header-mid {
padding-top: 5px;
padding-bottom: 5px
}
.header-logo img {
width: 80px
}
.header-call-center {
width: auto
}
.header-mid {
padding-top: 5px;
padding-bottom: 5px
}
.header-bg .sticky {
padding-top: 5px;
padding-bottom: 5px
}
.header-search {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #fff;
margin: 0;
padding: 5px;
border-radius: 0;
border-top: 1px solid #ededed;
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: .5s all ease
}
.header-search.show {
opacity: 1;
visibility: visible;
pointer-events: all
}
.header-search-select {
width: 120px;
padding: 5px 25px 5px 5px;
height: 36px
}
.header-search-input {
width: calc(100% - 156px);
height: 36px;
padding: 0 10px
}
.header-search-btn {
width: 36px;
height: 36px;
border-radius: 50px;
padding-right: 0
}
.promo-banner {
padding: 0;
margin-top: 25px;
margin-bottom: 25px
}
.promo-banner figcaption {
left: 0px;
padding: 15px;
width: 100%;
max-width: 100%
}
.promo-banner figcaption h3 {
font-size: 1.25rem;
margin-bottom: 5px
}
.promo-banner figcaption h4 {
margin-bottom: 5px
}
.promo-banner-btn {
padding: 5px 15px;
font-size: 1rem
}
.product-item figcaption h3 {
font-size: 1.25rem
}
.article-item figcaption h4 {
font-size: 1.25rem
}
.product-group {
grid-template-columns: repeat(2, 1fr)
}
.product-group-list {
padding: 10px;
min-height: 60px
}
.flashsale-timebox {
margin-left: 0
}
.header-bg.sticky .header-menu {
padding-top: 5px;
padding-bottom: 5px
}
.banner-fp-item figcaption h2 {
font-size: 1.5rem;
margin-bottom: 10px
}
.banner-fp-item figcaption p {
font-size: 1rem;
margin-bottom: 10px
}
.banner-fp-btn {
padding: 5px 15px;
font-size: 1rem
}
.hilight-box-grid {
grid-template-columns: repeat(3, 1fr);
gap: 10px;
margin-top: 20px;
margin-bottom: 20px
}
.hilight-box {
padding: 10px
}
.hilight-box figure img {
width: 80px
}
.hilight-box figure figcaption {
padding: 10px;
width: calc(100% - 80px)
}
.hilight-box h3 {
font-size: 1.25rem;
margin-bottom: 5px
}
.hilight-box:first-child figure figcaption {
padding-right: 80px
}
.hilight-box:first-child figure figcaption h3 {
font-size: 1.25rem
}
.hilight-box:nth-child(2) {
grid-column: span 3;
padding-top: 40px
}
.hilight-box:nth-child(3) {
grid-column: span 3
}
.hilight-box:nth-child(3) img {
max-width: 150px
}
.hilight-box:nth-child(4) {
grid-column: span 3
}
.hilight-box:nth-child(5) {
grid-column: span 3
}
.hilight-box-btn {
width: 70px;
font-size: 1rem
}
.product-carousel {
margin-bottom: 40px
}
.article-carousel {
margin-bottom: 30px
}
.footer-menu h5 {
margin-bottom: 10px
}
.footer-social {
margin-bottom: 20px
}
.flashsale-btn {
width: 28px;
height: 28px
}
.flashsale-btn-box {
margin-top: 10px;
gap: 10px
}
.breadcrumb {
margin-top: 20px;
margin-bottom: 30px
}
.login-box {
margin-bottom: 40px;
padding: 15px
}
.login-box h2 {
font-size: 1.75rem;
margin-top: 5px;
margin-bottom: 15px
}
.login-btn {
padding: 10px 25px
}
.register-box {
padding: 15px 10px
}
.register-box-grid {
grid-template-columns: repeat(2, 1fr);
margin-bottom: 40px
}
.register-box:first-child {
grid-column: span 2;
padding: 15px
}
.register-box ul li {
margin-bottom: 10px
}
.register-box ul li img {
width: 16px;
margin-top: 0
}
.register-box h2 {
font-size: 2rem;
margin-bottom: 5px
}
.register-box h2 br {
display: none
}
.register-box h3 {
margin-bottom: 10px;
font-size: 1.5rem
}
.register-box p {
margin-bottom: 5px
}
.register-box-btn {
padding: 10px 25px
}
.form-head h3 {
font-size: 1.375rem
}
.form-input input,
.form-input select,
.form-input .select2-container--default .select2-selection--single,
.form-input .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 42px
}
.register-form-head {
padding: 15px
}
.register-form-head h2 {
font-size: 2rem;
margin-bottom: 10px
}
.register-form-head p {
font-size: 1.125rem
}
.register-form-container {
padding: 15px
}
.files-container {
grid-template-columns: repeat(3, 1fr)
}
.accept-topic {
width: 105px;
margin-right: 15px
}
.accept-list .form-radio:last-child {
margin-left: 15px
}
.form-btn {
min-width: 100px;
padding: 10px
}
.form-btn-box {
gap: 15px;
margin-top: 20px
}
.register-form {
margin-bottom: 50px
}
.breadcrumb {
margin-top: 15px;
margin-bottom: 20px
}
.register-form-container-full {
padding: 15px
}
.accept-policy-list .form-radio {
padding-left: 15px
}
.register-form-step-dot {
display: none
}
.register-form-step-box {
gap: 30px
}
.document-wholesale-topic {
width: 100%;
margin-bottom: 10px
}
.document-wholesale-topic img {
width: 24px
}
.document-wholesale-topic h6 {
width: calc(100% - 24px);
padding-left: 5px
}
.document-wholesale-upload {
width: calc(100% - 30px)
}
.document-wholesale-upload-del {
margin-left: 6px
}
.document-wholesale-upload-bar,
.document-wholesale-upload-box {
height: 10px
}
.document-wholesale-upload-browse {
margin-left: 0
}
.success-box {
gap: 20px;
padding: 20px 15px
}
.success-box i {
font-size: 4rem
}
.footer-copyright-logo {
gap: 10px
}
.footer-copyright-logo img {
height: 18px
}
.account-menu-box {
display: none
}
.account-menu-box ul {
grid-template-columns: repeat(1, 1fr)
}
.account-btn-menu {
display: block;
width: 30px;
height: 30px;
position: relative;
padding: 4px;
border: 2px solid #005470;
border-radius: 3px;
background: #005470;
order: -1;
margin-right: 10px
}
.account-btn-menu span {
position: relative;
display: block;
height: 2px;
background-color: #fff;
margin-bottom: 3px;
transition: .5s all ease
}
.account-btn-menu span:nth-child(1) {
width: 80%
}
.account-btn-menu span:nth-child(2) {
width: 60%
}
.account-btn-menu span:nth-child(3) {
width: 100%;
margin-bottom: 0
}
.account-btn-menu.active span:nth-child(1) {
transform: rotate(225deg);
width: 100%;
position: relative;
top: 5px
}
.account-btn-menu.active span:nth-child(2) {
width: 0
}
.account-btn-menu.active span:nth-child(3) {
transform: rotate(-225deg);
width: 100%;
position: relative;
top: -5px
}
.account-content-bg {
padding: 15px
}
.account-social img {
margin-right: 4px
}
.account-social-input {
width: calc(100% - 140px)
}
.account-social-btn {
width: 100px
}
.medical-history-detail-list:nth-child(1),
.medical-history-detail-list:nth-child(2),
.medical-history-detail-list:nth-child(3),
.medical-history-detail-list:nth-child(4) {
grid-column: span 2
}
.medical-history-detail-list:nth-child(5) {
grid-column: span 4
}
.medical-history-detail-list-drug:nth-child(1) {
grid-column: span 4
}
.account-content-bg h3 {
font-size: 1.5rem
}
.medical-history-topic {
font-size: 1.25rem
}
.medical-history-detail p {
margin-bottom: 0
}
.medical-history-detail-grid {
padding-top: 10px
}
.order-history-calendar {
flex-wrap: wrap
}
.order-history-calendar .input-daterange {
width: 100%
}
.order-history-calendar .input-daterange input {
max-width: calc(50% - 15px)
}
.order-history-table-row hr {
margin-top: 10px;
margin-left: 0;
margin-right: 0;
width: 100%
}
.order-history-table-row-head {
display: none
}
.order-history-table-col {
width: 50%;
padding: 5px;
text-align: left
}
.order-history-table-col-xs {
display: inline-block;
padding-right: 5px
}
.order-history-table-col:first-child {
width: 100%;
padding-top: 15px
}
.order-history-table-col:last-of-type {
width: 100%
}
.order-history-progress-item {
line-height: 1
}
.order-history-product-item {
padding-left: 0;
padding-top: 10px;
padding-bottom: 10px
}
.order-history-product-item img {
width: 60px;
height: 60px;
border-radius: 10px;
margin-right: 10px
}
.order-history-product-text h5 {
font-size: 1.25rem
}
.order-history-product-price {
font-size: 1.25rem
}
.order-history-summary {
padding-top: 10px
}
.order-history-summary-list-price {
width: 120px
}
.order-history-summary-list {
margin-bottom: 5px;
font-size: 1.25rem
}
.order-history-summary-list-total {
margin-bottom: 15px
}
.order-history-summary-list-text {
width: calc(100% - 120px)
}
.order-history-button {
min-width: 140px
}
.order-history-button-box {
gap: 10px
}
.wishlist-input {
width: 110px
}
.wishlist-input-btn img {
width: 24px
}
.wishlist-select-all {
padding: 7px 10px
}
.chat-btn img {
width: 20px
}
.wishlist-product {
padding: 10px
}
.wishlist-product-img {
width: 80px;
height: 80px
}
.wishlist-product-detail {
padding-left: 10px;
width: calc(100% - 80px)
}
.wishlist-product-head>a {
font-size: 1.25rem
}
.header-menu-ul {
width: 180px
}
.chat-btn-box {
top: auto;
bottom: 0px;
right: auto;
left: 0;
display: flex;
border-radius: 0 10px 0px 0;
background: #1e280c8c
}
.chat-btn-box hr {
width: 1px;
height: 20px
}
.chat-btn-box a {
padding: 5px
}
.backtotop {
bottom: 5px;
right: 5px
}
.register-box h3 img {
width: 30px
}
.address-book-box {
padding: 15px 5px
}
.address-book-edit {
position: static;
transform: translate(0, 0);
margin-top: 10px
}
.address-book-edit:hover {
transform: translate(0, 0)
}
.address-book-tag-box {
gap: 5px
}
.address-book-addnew {
height: 70px;
font-size: 1.375rem
}
.address-book-addnew img {
width: 20px
}
.form-radio-box-inline {
flex-direction: column
}
.mycard-box {
padding: 15px 10px
}
.mycard-number {
margin-bottom: 5px
}
.reward-grid {
grid-template-columns: repeat(1, 1fr)
}
.shop-step-box {
grid-template-columns: repeat(3, 1fr)
}
.shop-step-box h2 {
grid-column: span 3;
text-align: center;
margin-bottom: 15px
}
.shop-banner figcaption h1 {
font-size: 2.5rem
}
.shop-step-bg .container {
padding: 0
}
.shop-step-icon {
width: 40px;
height: 40px;
padding: 5px;
border-width: 2px
}
.shop-step-item:not(:last-child)::before {
top: 19px
}
.shop-step-item p {
margin-bottom: 0
}
.shop-branch-select h3 {
margin-top: 20px;
margin-bottom: 10px
}
.shop-branch-title {
margin-bottom: 10px;
font-size: 1.75rem
}
.shop-branch-change {
margin-bottom: 20px
}
.shop-branch-img {
width: 60px;
height: auto
}
.shop-branch-buynow {
padding: 12px 35px
}
.shop-pharmacy-img img {
max-width: 150px
}
.shop-col {
padding-left: calc(var(--bs-gutter-x)/2)
}
.product-grid {
grid-template-columns: repeat(2, 1fr)
}
.product-grid-6-column {
grid-template-columns: repeat(2, 1fr)
}
.shop-banner>img {
min-height: 200px
}
.shop-step-box h2 {
margin-bottom: 10px;
font-size: 1.25rem
}
.shop-step-bg {
padding: 10px
}
.shop-filter {
padding-top: 10px;
padding-bottom: 10px
}
.shop-filter-btn {
display: flex;
margin-left: auto;
margin-top: 10px;
margin-bottom: 10px;
width: 75px;
padding: 10px 7px 10px 7px
}
.shop-filter-close {
display: flex
}
.shop-filter-box {
display: none;
position: fixed;
left: 0;
width: 250px;
top: 0;
background: #fff;
margin: 0;
height: 100vh;
z-index: 99;
padding: 0 15px 10px 15px;
overflow-y: auto
}
.shop-filter-box::-webkit-scrollbar-track {
background-color: #eee
}
.shop-filter-box::-webkit-scrollbar {
width: 6px
}
.shop-filter-box::-webkit-scrollbar-thumb {
background-color: #005470;
cursor: pointer;
border-radius: 5px;
transition: .5s all ease
}
.shop-filter-box::-webkit-scrollbar-thumb:hover {
background-color: #005470
}
.shop-filter-top {
margin-top: -40px;
margin-bottom: 25px;
display: flex;
width: calc(100% - 85px)
}
.shop-filter-top-result {
font-size: 1rem
}
.shop-filter-top-dropdown-box {
margin-left: 10px
}
.shop-filter-top-dropdown-box-select {
font-size: 1rem;
width: 120px;
padding: 5px 0
}
.btn-open-search {
display: block
}
.account-head {
justify-content: flex-start
}
.account-info-user-name h6 {
font-size: 1.75rem
}
.account-info-user-name {
width: calc(100% - 110px);
padding-left: 15px
}
.product-detail-slide {
margin-bottom: 15px
}
.product-detail-btn-box {
width: 100vw;
left: 0;
bottom: 0;
position: fixed;
background: #fff;
padding: 10px;
z-index: 6;
gap: 10px;
box-shadow: rgba(0, 0, 0, .05) 0px 0px 0px 1px
}
.product-detail-btn {
padding: 9px 15px;
font-size: 1.125rem
}
.product-detail-quantity-input {
font-size: 20px;
width: 40px;
height: 35px
}
.product-detail-quantity-btn {
font-size: 30px;
width: 25px;
height: 35px
}
.product-detail-quantity-btn:first-child {
border-radius: 50px 0 0 50px
}
.product-detail-quantity-btn:last-child {
border-radius: 0 50px 50px 0
}
.product-detail-tab-info {
padding-bottom: 15px
}
.product-detail-info {
padding-bottom: 15px
}
.product-page {
padding-bottom: 56px
}
.cart-box {
width: 340px;
max-width: 85vw
}
.cart-box-total {
padding: 15px
}
.cart-box-product {
height: calc(100% - 212px)
}
.cart-box-product .product-item {
padding: 15px
}
.cart-box-product .product-item .product-img {
width: 75px
}
.cart-box-product .product-item figcaption {
width: calc(100% - 75px);
padding-left: 10px
}
.cart-box-product .product-item figcaption h3 {
font-size: 1.125rem
}
.cart-box-product .product-item .product-detail-quantity-btn {
height: 26px;
font-size: 24px
}
.cart-box-product .product-item .product-detail-quantity-input {
height: 26px;
font-size: 18px
}
.cart-box-product-select {
height: 26px
}
.cart-box h5 {
padding: 10px 15px
}
.footer-info {
padding-bottom: 0
}
.cart-page-btn-box {
margin-bottom: 40px;
gap: 20px
}
.cart-page-list-box {
margin-bottom: 20px
}
.cart-page-btn {
max-width: calc(50% - 10px)
}
.cart-page-total {
padding-top: 0
}
.cart-box-product-select-box .product-detail-quantity-btn {
height: 26px;
font-size: 24px
}
.cart-box-product-select-box .product-detail-quantity-input {
height: 26px;
font-size: 18px
}
.cart-page-checkbox-symbol::before {
width: 20px;
height: 20px;
background-size: 11px auto
}
.cart-page-list-product-img {
width: 70px
}
.cart-page-list-product-detail {
width: calc(100% - 70px)
}
.cart-page-list-product-detail h6 {
font-size: 1.25rem;
margin-bottom: 10px;
gap: 5px
}
.cart-page-list-head {
font-size: 1.375rem
}
.cart-page-notice {
margin-bottom: 20px
}
.cart-page-action {
margin-bottom: 15px
}
.cart-page-list {
padding: 10px 0px
}
.cart-page-list-product-remark {
padding: 3px 10px
}
.cart-page-btn {
font-size: 1.25rem
}
.cart-page-total-promocode {
margin-bottom: 10px
}
.cart-page-total-price {
margin-bottom: 20px
}
.head-inside h2 {
margin-bottom: 15px
}
.smt-box {
gap: 10px
}
.smt-box-select {
padding: 10px
}
.smt-box-select img {
width: 40px;
height: 40px;
margin-top: 0;
margin-bottom: 8px
}
.smt-box-select-col {
width: calc(33.33% - 7px)
}
.smt-box-select h6 {
line-height: 1
}
.cart-page-btn {
margin-bottom: 40px
}
.sp-address-box-select {
padding: 15px 15px 15px 45px
}
.sp-address-box-select::before {
left: 15px;
width: 20px;
height: 20px
}
.sp-address-box-select::after {
left: 19px;
width: 12px;
height: 12px
}
.sp-address-box-select .sp-address-box-tag-box {
margin-bottom: 10px
}
.sp-address-box-edit {
position: static;
align-self: flex-start;
display: inline-flex
}
.sp-address {
gap: 20px
}
.sp-address-tax-info {
padding: 15px
}
.sp-address-checkbox-icon {
font-size: 1.125rem
}
.summary-order-item-qty {
width: 40px
}
.summary-order-col {
width: 60px
}
.summary-order-col:nth-child(2) {
width: 40px
}
.summary-order-col:first-child {
width: calc(100% - 160px)
}
.summary-order-item-text {
width: calc(100% - 210px)
}
.summary-order-item .cart-box-price {
width: 60px
}
.summary-order-item-img {
width: 50px
}
.sp-address-add {
padding: 10px 15px
}
.success-fav-btn {
margin-bottom: 30px
}
.success-list {
padding: 0 10px;
width: 50%
}
.success-list:nth-child(odd) {
border-right: 1px solid #6b6b6b;
padding-left: 0
}
.success-list:nth-child(even) {
border: 0;
padding-left: 10px
}
.blog-grid-hori .blog-item .blog-img {
width: 32%
}
.blog-grid-hori .blog-item figcaption {
width: 68%;
padding-left: 15px
}
.blog-grid-hori .blog-item figcaption p {
display: none
}
.blog-grid-hori .blog-item figcaption h4 {
margin-bottom: 10px
}
.blog-date {
margin-bottom: 10px;
font-size: 1rem
}
.blog-date img {
width: 20px
}
.blog-grid {
gap: 15px;
grid-template-columns: repeat(1, 1fr)
}
.blog-grid .blog-item figure {
display: flex
}
.blog-grid .blog-item .blog-img {
width: 32%;
margin-bottom: 0
}
.blog-grid .blog-item figcaption {
width: 68%;
padding-left: 15px
}
.blog-grid .blog-item figcaption p {
display: none
}
.blog-grid .blog-item figcaption h4 {
margin-bottom: 10px
}
.blog-grid .blog-item figcaption .blog-date {
margin-bottom: 0
}
.blog-grid-hori {
gap: 15px
}
.blog-grid-aside {
grid-template-columns: repeat(1, 1fr);
gap: 15px
}
.blog-category {
padding: 10px
}
.blog-category-box {
gap: 10px
}
.blog-readmore {
display: none
}
.blog-banner-detail .container {
padding: 0 10px
}
.banner-fp-item figcaption p {
line-height: 1
}
.blog-banner {
padding: 0
}
.blog-banner .blog-banner-detail {
padding-left: 10px;
padding-right: 10px
}
.blog-detail-editor {
margin-bottom: 30px
}
.blog-detail-writer {
padding: 15px 0;
margin-bottom: 30px
}
.blog-detail-writer-cover {
width: 80px;
height: 80px
}
.blog-detail-writer-info {
width: calc(100% - 80px);
padding-left: 15px
}
.blog-detail-writer-info h5 {
font-size: 1.25rem;
margin-bottom: 5px
}
.blog-detail-img {
margin-bottom: 20px
}
.blog-detail-editor img {
margin: 15px auto
}
.faq-menu {
gap: 5px
}
.contact-list {
flex-direction: column;
gap: 15px
}
.contact-list-box {
gap: 25px;
margin-bottom: 30px
}
.contact-detail {
width: 100%;
padding: 0
}
.contact-img {
width: 100%
}
.contact-detail-box {
flex-direction: column;
padding: 15px;
gap: 20px
}
.contact-detail-box figcaption {
padding-left: 0;
width: 100%
}
.contact-detail-img {
max-width: 100%
}
.service-banner-box {
flex-direction: column-reverse;
padding: 0 15px
}
.service-banner-box img {
margin: 0 auto 10px auto;
width: 200px
}
.service-banner-box figcaption {
width: 100%;
padding: 0;
text-align: center;
align-items: center
}
.service-banner-box figcaption h1 {
font-size: 1.625rem
}
.service-list {
flex-direction: column-reverse;
padding: 20px 0
}
.service-list:nth-child(even) {
flex-direction: column-reverse
}
.service-list:nth-child(even) figcaption {
padding: 0;
text-align: center;
align-items: center
}
.service-list>img {
margin: 0 auto 10px auto;
width: 200px
}
.service-list figcaption {
width: 100%;
padding: 0;
text-align: center;
align-items: center
}
.service-list figcaption h2 {
font-size: 1.625rem
}
.service-list figcaption h3 {
font-size: 1.25rem
}
.service-preorder {
order: -1;
padding-top: 15px;
grid-template-columns: repeat(2, 1fr)
}
.service-preorder-list:nth-child(2n) {
border-right: 0
}
.service-preorder-list:nth-child(n+3) {
border-top: 1px solid #e1e1e1
}
.service-preorder-list img {
width: 70px
}
.service-list:last-child {
margin-bottom: 20px
}
.rating-carousel {
margin-bottom: 30px
}
.about-year {
display: none
}
.about-vision {
order: 2
}
.about-vision img {
max-width: 200px
}
.about-vision-text {
padding-top: 25px;
align-items: center;
text-align: center
}
.about-mission {
padding: 30px 15px
}
.about-mission>img {
width: 80px
}
.about-mission figcaption {
padding: 0
}
.about-mission figcaption h3 {
font-size: 1.875rem
}
.about-mission figcaption p {
font-size: 1.25rem
}
.about-service h3 {
margin-top: 25px;
margin-bottom: 15px
}
.about-service-grid {
display: flex;
flex-wrap: wrap;
justify-content: center
}
.about-service-list {
width: calc(33.33% - 7px);
padding: 15px
}
.about-service-list span {
font-size: 1.5rem;
width: 30px;
height: 30px
}
.about-vision-text {
margin-bottom: 15px
}
.about-progress h3 {
font-size: 2.5rem
}
.about-progress p {
font-size: 1.5rem
}
.about-progress h4 {
font-size: 1.5rem
}
.about-progress h1 {
font-size: 3.5rem
}
.about-progress h2 {
font-size: 1.75rem
}
.about-vision-text h4 {
font-size: 1.75rem
}
.search-result-box .header-search {
position: static;
visibility: visible;
opacity: 1;
pointer-events: all;
border: 1px solid #ededed;
border-radius: 50px
}
.search-result-head h2 {
font-size: 2rem
}
.blog-detail-gallery {
grid-template-columns: repeat(3, 1fr);
gap: 10px
}
.blog-share {
margin-bottom: 20px
}
.cookie-box {
padding: 15px;
flex-wrap: wrap
}
.cookie-text {
width: 100%;
padding-right: 0;
margin-bottom: 10px
}
.cookie-btn-box {
width: 100%
}
.cookie-btn-accept {
margin-left: auto
}
.policy-box-border-left {
padding: 10px;
width: 50%
}
.policy-box-border-right {
padding: 10px;
width: 50%
}
.wishlist-wholesale-checkbox-icon {
width: 30px;
height: 24px;
font-size: 24px
}
.wishlist-wholesale-checkbox-icon i {
line-height: 24px;
margin-top: 2px
}
.wishlist-wholesale-product-item {
padding: 10px;
gap: 5px
}
.wishlist-wholesale-product-img {
width: 60px
}
.wishlist-wholesale-product-detail {
width: calc(100% - 100px)
}
.wishlist-wholesale-search {
padding: 0
}
.wishlist-wholesale-search-title {
font-size: 1.25rem
}
.brand-list {
grid-template-columns: repeat(1, 1fr)
}
.pd-review-list .summary-order-item-text {
width: calc(100% - 170px)
}
}
/*# sourceMappingURL=main.css.map */