html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
scroll-behavior: smooth;
font-family: sans-serif;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
word-break: break-word
}
body {
margin: 0 10px
}
main {
display: block
}
h1 {
margin: .67em 0;
font-size: 2em
}
hr {
border-top-width: 1px
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent;
color: inherit;
text-decoration: inherit
}
abbr[title] {
-webkit-text-decoration: underline dotted;
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,
sup {
position: relative;
vertical-align: baseline;
font-size: 75%;
line-height: 0
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: solid;
max-width: 100%;
height: auto
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
padding: 0;
color: inherit;
font-family: inherit;
font-size: 100%;
line-height: 1.2;
line-height: inherit
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
margin: 0;
padding: 0
}
legend {
-webkit-box-sizing: border-box;
display: table;
box-sizing: border-box;
padding: 0;
max-width: 100%;
color: inherit;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto;
resize: vertical
}
[type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
[hidden],
template {
display: none
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 0 solid #e2e8f0
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
margin: 0
}
button {
background: transparent;
padding: 0
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color
}
ol,
ul {
margin: 0;
padding: 0;
list-style: none
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #a0aec0
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #a0aec0
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #a0aec0
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
color: #a0aec0
}
input::placeholder,
textarea::placeholder {
color: #a0aec0
}
[role=button],
button {
cursor: pointer
}
table {
border-collapse: collapse
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
display: block;
vertical-align: middle
}
img,
video {
max-width: 100%;
height: auto
}
body,
html {
color: #333;
font-family: Space Grotesk;
font-size: 13px;
font-weight: 400;
word-break: break-word
}
@media (min-width:768px) {
body,
html {
font-size: 14px
}
}
@media (min-width:1025px) {
body,
html {
font-size: 15px
}
}
@media (min-width:1280px) {
body,
html {
font-size: 16px
}
}
:focus {
outline: none
}
a {
text-decoration: none
}
a,
a:hover,
p {
color: #333
}
p {
margin-bottom: 10px;
font-weight: 400
}
figure p,
p {
font-size: 1rem
}
figure p {
font-weight: 300
}
time {
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
display: inline-block;
transition: all .3s ease-in-out;
color: #999;
font-size: .75rem;
font-weight: 400
}
html {
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
line-height: 1.2
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block
}
body {
margin: 0;
background-color: #fff;
color: #333;
font-weight: 400;
line-height: 1.2;
text-align: left
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
.frm-btn-reset {
display: none !important
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex: 0 0 auto;
flex-direction: column;
width: 100%
}
.col-12,
.col-lg-8 {
padding: 0 15px
}
@media (min-width:1024.1px) {
.col-lg-8 {
width: 66.666667%
}
}
.col-lg-4 {
padding: 0 15px
}
@media (min-width:1024.1px) {
.col-lg-4 {
width: 33.333333%
}
}
.col-xs-12 {
width: 100%
}
.col-lg-3,
.col-xs-12 {
padding: 0 15px
}
@media (min-width:1024.1px) {
.col-lg-3 {
width: 25%
}
}
.col-lg-9 {
padding: 0 15px
}
@media (min-width:1024.1px) {
.col-lg-9 {
width: 75%
}
}
.btn {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
align-items: center;
justify-content: center;
cursor: pointer
}
.btn,
.btn em,
.btn span {
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
transition: all .3s ease-in-out
}
.btn.btn-primary {
border: 1px solid transparent;
border-radius: 28px;
background-color: #111;
min-width: 195px;
height: 54px
}
@media screen and (max-width:1024px) {
.btn.btn-primary {
min-width: 160px;
height: 40px
}
}
.btn.btn-primary:hover {
border-color: #111;
background-color: #fff
}
.btn.btn-primary span {
color: #fd0002;
font-size: 1rem;
font-weight: 700
}
.btn.btn-view-more:hover span {
text-decoration: underline
}
.btn.btn-view-more span {
color: #000;
font-size: .875rem;
font-weight: 500
}
.btn.btn-view-more em {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: .5rem;
border-radius: 9999px;
background: #f1f1f1;
width: 24px;
height: 24px;
color: #fd0002;
font-size: 24px;
line-height: 24px
}
.btn.btn-country,
.btn.btn-view-more em {
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center
}
.btn.btn-country {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #cecece;
padding-right: 1.25rem;
padding-left: 2rem;
min-width: 196px;
height: 40px
}
@media screen and (max-width:960px) {
.btn.btn-country {
padding-left: 1.5rem;
min-width: 160px
}
}
@media (min-width:1024.1px) {
.btn.btn-country {
max-width: 190px
}
}
.btn.btn-country:hover em {
background-color: #fd0002;
color: #fff
}
.btn.btn-country span {
color: #333;
font-size: 1.125rem;
font-weight: 500
}
.btn.btn-country em {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
border-radius: 9999px;
background-color: #fff;
width: 26px;
height: 26px;
color: #fd0002;
font-size: 24px
}
.btn.btn-link:hover span {
text-decoration: underline
}
.btn.btn-link span {
color: #0981c5;
font-size: 1rem;
font-weight: 500
}
.btn.btn-modal-close {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 0;
right: 0;
align-items: center;
justify-content: center;
z-index: 9;
background-color: #fd0002;
width: 40px;
height: 40px;
pointer-events: auto
}
.btn.btn-modal-close:focus {
outline: none
}
.btn.btn-modal-close span {
color: #fff;
font-size: 1.5rem
}
.btn-fold {
position: relative;
background-color: transparent
}
.btn-fold:after {
-webkit-transition: width .15s .15s, left .15s .15s, height .15s, top .15s;
-o-transition: width .15s .15s, left .15s .15s, height .15s, top .15s;
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
transition: width .15s .15s, left .15s .15s, height .15s, top .15s;
background-color: tomato;
width: 0;
height: 5%;
content: ""
}
.btn-fold:hover:after {
-webkit-transition: width .15s, left .15s, height .15s .15s, top .15s .15s;
-o-transition: width .15s, left .15s, height .15s .15s, top .15s .15s;
top: 0;
left: 0;
transition: width .15s, left .15s, height .15s .15s, top .15s .15s;
width: 100%;
height: 100%
}
@supports (-webkit-background-clip:text) {
.btn-fold {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-transition: background-size .15s;
-o-transition: background-size .15s;
transition: background-size .15s;
background-color: #333;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
background-image: -o-linear-gradient(#fff, #fff);
background-image: linear-gradient(#fff, #fff);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100% 0
}
.btn-fold::hover {
-webkit-transition: background-size .5s .35s;
-o-transition: background-size .5s .35s;
transition: background-size .5s .35s;
background-size: 100% 100%
}
}
.btn-split {
display: inline-block;
position: relative;
border-bottom: 5px solid tomato;
background-image: -webkit-gradient(linear, left top, left bottom, from(tomato), to(tomato));
background-image: -o-linear-gradient(tomato, tomato);
background-image: linear-gradient(tomato, tomato);
background-size: 100%;
padding: 0 2rem;
color: #333;
font-family: Titillium Web, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 4.5rem;
text-decoration: none
}
.btn-split:before {
-webkit-transition: all .5s;
-o-transition: all .5s;
position: absolute;
top: 0;
left: 0;
transition: all .5s;
background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#333));
background-image: -o-linear-gradient(#333, #333);
background-image: linear-gradient(#333, #333);
background-size: 100%;
width: 100%;
height: 100%;
overflow: hidden;
color: #fff;
content: attr(name)
}
.btn-split:hover:before {
height: 5px
}
.btn-slice {
display: inline-block;
position: relative;
border: 5px solid tomato;
background-color: transparent;
padding: 0 2rem;
color: tomato;
font-family: Titillium Web, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 4.5rem;
text-decoration: none
}
.btn-slice:after {
-webkit-transition: width .5s, left .5s;
-o-transition: width .5s, left .5s;
position: absolute;
top: 0;
left: 50%;
z-index: -1;
transition: width .5s, left .5s;
background-color: tomato;
width: 0;
height: 100%;
content: ""
}
.btn-slice:hover {
background-size: 100% 100%;
color: #fff
}
.btn-slice:hover:after {
-webkit-transition: width .5s, left .5s;
-o-transition: width .5s, left .5s;
top: 0;
left: 0;
transition: width .5s, left .5s;
width: 100%
}
@supports (-webkit-background-clip:text) {
.btn-slice {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-transition: background-size .5s;
-o-transition: background-size .5s;
transition: background-size .5s;
background-color: tomato;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
background-image: -o-linear-gradient(#fff, #fff);
background-image: linear-gradient(#fff, #fff);
background-position: 50%;
background-repeat: no-repeat;
background-size: 0 100%
}
.btn-slice::hover {
background-size: 100% 100%
}
}
.btn-line {
-webkit-box-shadow: inset 0 0 0 5px #333;
-webkit-transition: color 1s .2s;
-o-transition: color 1s .2s;
-webkit-transform: translateZ(0);
display: inline-block;
position: relative;
transform: translateZ(0);
transition: color 1s .2s;
box-shadow: inset 0 0 0 5px #333;
padding: 1rem 2rem;
color: #333;
font-family: Titillium Web, sans-serif;
font-size: 3rem;
font-weight: 700;
text-decoration: none
}
.btn-line:after,
.btn-line:before {
position: absolute;
opacity: 0;
width: 0;
height: 0;
content: ""
}
.btn-line:before {
-webkit-transition: opacity 0s .4s, width .2s .2s, height .2s;
-o-transition: opacity 0s .4s, width .2s .2s, height .2s;
top: 0;
right: 0;
transition: opacity 0s .4s, width .2s .2s, height .2s;
border-top: 5px solid tomato;
border-left: 5px solid tomato
}
.btn-line:after {
-webkit-transition: opacity .05s .7s, width .2s .6s, height .2s .4s;
-o-transition: opacity .05s .7s, width .2s .6s, height .2s .4s;
bottom: 0;
left: 0;
transition: opacity .05s .7s, width .2s .6s, height .2s .4s;
border-right: 5px solid tomato;
border-bottom: 5px solid tomato
}
.btn-line:hover {
-webkit-transition: color .2s .8s;
-o-transition: color .2s .8s;
transition: color .2s .8s;
color: tomato
}
.btn-line:hover:before {
-webkit-transition: opacity 0s .4s, width .2s .4s, height .2s .6s;
-o-transition: opacity 0s .4s, width .2s .4s, height .2s .6s;
transition: opacity 0s .4s, width .2s .4s, height .2s .6s
}
.btn-line:hover:after {
-webkit-transition: opacity .05s, width .2s, height .2s .2s;
-o-transition: opacity .05s, width .2s, height .2s .2s;
transition: opacity .05s, width .2s, height .2s .2s
}
.btn-line:hover:after,
.btn-line:hover:before {
opacity: 1;
width: 100%;
height: 100%
}
.btn-edge {
-webkit-box-shadow: inset 0 0 0 5px rgba(255, 99, 71, 0);
-webkit-transition: background-size 1s .4s, color .4s, -webkit-box-shadow .4s;
-o-transition: background-size 1s .4s, box-shadow .4s, color .4s;
-webkit-transform: translateZ(0);
display: inline-block;
position: relative;
transform: translateZ(0);
transition: background-size 1s .4s, color .4s, -webkit-box-shadow .4s;
transition: background-size 1s .4s, box-shadow .4s, color .4s;
transition: background-size 1s .4s, box-shadow .4s, color .4s, -webkit-box-shadow .4s;
box-shadow: inset 0 0 0 5px rgba(255, 99, 71, 0);
background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#333)), -webkit-gradient(linear, left top, left bottom, from(#333), to(#333)), -webkit-gradient(linear, left top, left bottom, from(#333), to(#333)), -webkit-gradient(linear, left top, left bottom, from(#333), to(#333)), -webkit-gradient(linear, left top, left bottom, from(#333), to(#333)), -webkit-gradient(linear, left top, left bottom, from(#333), to(#333)), -webkit-gradient(linear, left top, left bottom, from(#333), to(#333)), -webkit-gradient(linear, left top, left bottom, from(#333), to(#333));
background-image: -o-linear-gradient(#333, #333), -o-linear-gradient(#333, #333), -o-linear-gradient(#333, #333), -o-linear-gradient(#333, #333), -o-linear-gradient(#333, #333), -o-linear-gradient(#333, #333), -o-linear-gradient(#333, #333), -o-linear-gradient(#333, #333);
background-image: linear-gradient(#333, #333), linear-gradient(#333, #333), linear-gradient(#333, #333), linear-gradient(#333, #333), linear-gradient(#333, #333), linear-gradient(#333, #333), linear-gradient(#333, #333), linear-gradient(#333, #333);
background-position: 0 0, 100% 0, 0 100%, 100% 100%;
background-repeat: no-repeat;
background-size: 2rem 5px, 2rem 5px, 2rem 5px, 2rem 5px, 5px 2rem, 5px 2rem, 5px 2rem, 5px 2rem;
padding: 1rem 2rem;
color: #333;
font-family: Titillium Web, sans-serif;
font-size: 3rem;
font-weight: 700;
text-decoration: none
}
.btn-edge:hover {
-webkit-box-shadow: inset 0 0 0 5px tomato;
-webkit-transition: background-size 1s, color .4s .6s, -webkit-box-shadow .4s .6s;
-o-transition: background-size 1s, box-shadow .4s .6s, color .4s .6s;
transition: background-size 1s, color .4s .6s, -webkit-box-shadow .4s .6s;
transition: background-size 1s, box-shadow .4s .6s, color .4s .6s;
transition: background-size 1s, box-shadow .4s .6s, color .4s .6s, -webkit-box-shadow .4s .6s;
box-shadow: inset 0 0 0 5px tomato;
background-size: 52% 5px, 52% 5px, 52% 5px, 52% 5px, 5px 52%, 5px 52%, 5px 52%, 5px 52%;
color: tomato
}
.nav-arrow-next,
.nav-arrow-prev {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 50%;
align-items: center;
justify-content: center;
transform: translateY(-50%);
z-index: 10;
transition: all .3s ease-in-out;
border: 1px solid transparent;
width: 50px;
height: 50px
}
@media screen and (max-width:1400px) {
.nav-arrow-next,
.nav-arrow-prev {
width: 40px;
height: 40px
}
}
@media screen and (max-width:1024px) {
.nav-arrow-next,
.nav-arrow-prev {
-webkit-transform: none;
-ms-transform: none;
position: static;
transform: none;
margin-right: 1.5rem;
margin-left: 1.5rem
}
}
.nav-arrow-next em,
.nav-arrow-prev em {
color: #cecece;
font-size: 64px
}
@media screen and (max-width:1100px) {
.swiper-nav-wrap {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
margin-top: 1rem;
margin-bottom: 1rem;
padding-top: 1.5rem
}
}
.nav-arrow-next {
right: -30px
}
@media screen and (min-width:1280px) and (max-width:1400px) {
.nav-arrow-next {
right: -50px
}
}
.nav-arrow-prev {
left: -30px
}
@media screen and (min-width:1280px) and (max-width:1400px) {
.nav-arrow-prev {
left: -50px
}
}
.btn-center,
.btn-gap,
.btn-left,
.btn-right {
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center
}
.btn-center a:not(:last-child),
.btn-gap a:not(:last-child),
.btn-left a:not(:last-child),
.btn-right a:not(:last-child) {
margin-right: .5rem
}
.btn-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.btn-left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.btn-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.btn-gap {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.row {
-ms-flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
flex-wrap: wrap;
justify-content: center
}
.col,
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.col {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex: 0 0 auto;
flex-direction: column;
padding: 0 15px
}
.col>.row {
margin-top: 0
}
.col>.row>.col {
margin-bottom: 0
}
.row {
margin: 0 -15px -30px
}
.row>.col {
margin-bottom: 30px
}
.col-match-height {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
width: 100%;
height: 100%
}
section {
display: block
}
footer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column
}
.container,
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
width: 100%
}
@media (min-width:768px) {
.container {
max-width: 740px
}
}
@media (min-width:960px) {
.container {
max-width: 900px
}
}
@media (min-width:1024.1px) {
.container {
max-width: 990px
}
}
@media (min-width:1280.1px) {
.container {
max-width: 1260px
}
}
.block-title {
margin-bottom: 1.25rem;
line-height: 1.25;
text-align: left
}
.block-title,
.block-title * {
color: #111;
font-size: 2.25rem;
font-weight: 700
}
@media (min-width:1024.1px) {
.block-title {
margin-bottom: 2rem
}
.block-title,
.block-title * {
font-size: 3rem
}
}
.block-title.red,
.block-title.red * {
color: #fd0002
}
.block-title.white,
.block-title.white * {
color: #fff
}
.block-title.center {
text-align: center
}
@media screen and (max-width:1024px) {
.block-title br {
display: none
}
}
.sub-title-bg {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1.5rem;
background: -webkit-gradient(linear, left top, left bottom, from(#bd343a), to(#fd0002));
background: -o-linear-gradient(top, #bd343a 0, #fd0002 100%);
background: linear-gradient(180deg, #bd343a, #fd0002);
padding-right: 1.5rem;
padding-left: 1.5rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: 50px;
color: #fff;
font-size: 1.25rem;
font-weight: 700;
text-align: center
}
@media (min-width:1024.1px) {
.sub-title-bg {
margin-bottom: 2rem
}
}
@media screen and (max-width:768px) {
.sub-title-bg {
margin-right: auto;
margin-left: auto
}
}
.block-title-bg {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 2rem;
background: -webkit-gradient(linear, left top, left bottom, from(#bd343a), to(#fd0002));
background: -o-linear-gradient(top, #bd343a 0, #fd0002 100%);
background: linear-gradient(180deg, #bd343a, #fd0002);
min-height: 100px
}
@media screen and (max-width:1024px) {
.block-title-bg {
min-height: 60px
}
}
.block-title-bg span {
color: #fff;
font-size: 1.75rem;
font-weight: 700;
text-align: center
}
@media (min-width:1024.1px) {
.block-title-bg span {
font-size: 3rem
}
}
.sub-title {
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
transition: all .3s ease-in-out;
margin-bottom: 1rem;
color: #111;
font-size: 1.125rem;
font-weight: 700
}
@media (min-width:1024.1px) {
.sub-title {
margin-bottom: 1.25rem
}
}
.sub-title * {
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
transition: all .3s ease-in-out;
color: #111;
font-size: 1.125rem;
font-weight: 700
}
.sub-title.main,
.sub-title.main * {
color: #333
}
.sub-title.white,
.sub-title.white * {
color: #fff
}
.sub-title.blue,
.sub-title.blue * {
color: #0069b4
}
.sub-title.t-30,
.sub-title.t-30 * {
font-size: 1.875rem
}
.sub-title.t-36,
.sub-title.t-36 * {
font-size: 2.25rem
}
.sub-title.center {
text-align: center
}
.headline {
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
transition: all .3s ease-in-out;
margin-bottom: 1rem;
color: #333;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.25
}
.headline:hover {
text-decoration: underline
}
.block-text {
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
transition: all .3s ease-in-out;
color: #3778ae;
font-size: 1.5rem;
font-weight: 800
}
.block-text.white {
color: #fff
}
.caption,
.caption * {
color: #333;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.5
}
.caption * {
margin-bottom: 1rem
}
.caption.white,
.caption.white * {
color: #fff
}
@media screen and (max-width:1024px) {
.caption br {
display: none
}
}
.zone-description {
margin-bottom: 1rem
}
.zone-description,
.zone-description * {
color: #333;
font-size: 1.125rem;
line-height: 1.5
}
.overflow-auto {
overflow: auto
}
.overflow-hidden {
overflow: hidden
}
.overflow-visible {
overflow: visible
}
.overflow-scroll {
overflow: scroll
}
.overflow-x-auto {
overflow-x: auto
}
.overflow-y-auto {
overflow-y: auto
}
.overflow-x-hidden {
overflow-x: hidden
}
.overflow-y-hidden {
overflow-y: hidden
}
.overflow-x-visible {
overflow-x: visible
}
.overflow-y-visible {
overflow-y: visible
}
.overflow-x-scroll {
overflow-x: scroll
}
.overflow-y-scroll {
overflow-y: scroll
}
.italic {
font-style: italic
}
.not-italic {
font-style: normal
}
.block {
display: block
}
.inline-block {
display: inline-block
}
.inline {
display: inline
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
.table {
display: table
}
.inline-table {
display: inline-table
}
.table-caption {
display: table-caption
}
.table-cell {
display: table-cell
}
.table-column {
display: table-column
}
.table-column-group {
display: table-column-group
}
.table-footer-group {
display: table-footer-group
}
.table-header-group {
display: table-header-group
}
.table-row-group {
display: table-row-group
}
.table-row {
display: table-row
}
.flow-root {
display: flow-root
}
.grid {
display: grid
}
.inline-grid {
display: inline-grid
}
.contents {
display: contents
}
.list-item {
display: list-item
}
.hidden {
display: none
}
.text-left {
text-align: left
}
.text-center {
text-align: center
}
.text-right {
text-align: right
}
.text-justify {
text-align: justify
}
.uppercase {
text-transform: uppercase
}
.lowercase {
text-transform: lowercase
}
.capitalize {
text-transform: capitalize
}
.normal-case {
text-transform: none
}
.static {
position: static
}
.fixed {
position: fixed
}
.absolute {
position: absolute
}
.relative {
position: relative
}
.sticky {
position: -webkit-sticky;
position: sticky
}
.pointer-events-none {
pointer-events: none
}
.pointer-events-auto {
pointer-events: auto
}
.flex-row {
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.flex-row,
.flex-row-reverse {
-webkit-box-orient: horizontal
}
.flex-row-reverse {
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.flex-col {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.flex-col-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.w-0 {
width: 0
}
.w-1 {
width: .25rem
}
.w-2 {
width: .5rem
}
.w-3 {
width: .75rem
}
.w-4 {
width: 1rem
}
.w-5 {
width: 1.25rem
}
.w-6 {
width: 1.5rem
}
.w-7 {
width: 1.75rem
}
.w-8 {
width: 2rem
}
.w-9 {
width: 2.25rem
}
.w-10 {
width: 2.5rem
}
.w-11 {
width: 2.75rem
}
.w-12 {
width: 3rem
}
.w-14 {
width: 3.5rem
}
.w-15 {
width: 3.75rem
}
.w-16 {
width: 4rem
}
.w-18 {
width: 4.5rem
}
.w-20 {
width: 5rem
}
.w-22 {
width: 5.5rem
}
.w-24 {
width: 6rem
}
.w-26 {
width: 6.5rem
}
.w-28 {
width: 7rem
}
.w-30 {
width: 7.5rem
}
.w-32 {
width: 8rem
}
.w-36 {
width: 9rem
}
.w-40 {
width: 10rem
}
.w-44 {
width: 11rem
}
.w-48 {
width: 12rem
}
.w-52 {
width: 13rem
}
.w-56 {
width: 14rem
}
.w-60 {
width: 15rem
}
.w-64 {
width: 16rem
}
.w-72 {
width: 18rem
}
.w-80 {
width: 20rem
}
.w-96 {
width: 24rem
}
.w-auto {
width: auto
}
.w-px {
width: 1px
}
.w-0\.5 {
width: .125rem
}
.w-1\.5 {
width: .375rem
}
.w-2\.5 {
width: .625rem
}
.w-3\.5 {
width: .875rem
}
.w-1\/2 {
width: 50%
}
.w-1\/3 {
width: 33.333333%
}
.w-2\/3 {
width: 66.666667%
}
.w-1\/4 {
width: 25%
}
.w-2\/4 {
width: 50%
}
.w-3\/4 {
width: 75%
}
.w-1\/5 {
width: 20%
}
.w-2\/5 {
width: 40%
}
.w-3\/5 {
width: 60%
}
.w-4\/5 {
width: 80%
}
.w-1\/6 {
width: 16.666667%
}
.w-2\/6 {
width: 33.333333%
}
.w-3\/6 {
width: 50%
}
.w-4\/6 {
width: 66.666667%
}
.w-5\/6 {
width: 83.333333%
}
.w-1\/12 {
width: 8.333333%
}
.w-2\/12 {
width: 16.666667%
}
.w-3\/12 {
width: 25%
}
.w-4\/12 {
width: 33.333333%
}
.w-5\/12 {
width: 41.666667%
}
.w-6\/12 {
width: 50%
}
.w-7\/12 {
width: 58.333333%
}
.w-8\/12 {
width: 66.666667%
}
.w-9\/12 {
width: 75%
}
.w-10\/12 {
width: 83.333333%
}
.w-11\/12 {
width: 91.666667%
}
.w-full {
width: 100%
}
.w-screen {
width: 100vw
}
.w-min {
width: -webkit-min-content;
width: -moz-min-content;
width: min-content
}
.w-max {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content
}
.h-0 {
height: 0
}
.h-1 {
height: .25rem
}
.h-2 {
height: .5rem
}
.h-3 {
height: .75rem
}
.h-4 {
height: 1rem
}
.h-5 {
height: 1.25rem
}
.h-6 {
height: 1.5rem
}
.h-7 {
height: 1.75rem
}
.h-8 {
height: 2rem
}
.h-9 {
height: 2.25rem
}
.h-10 {
height: 2.5rem
}
.h-11 {
height: 2.75rem
}
.h-12 {
height: 3rem
}
.h-14 {
height: 3.5rem
}
.h-15 {
height: 3.75rem
}
.h-16 {
height: 4rem
}
.h-18 {
height: 4.5rem
}
.h-20 {
height: 5rem
}
.h-22 {
height: 5.5rem
}
.h-24 {
height: 6rem
}
.h-26 {
height: 6.5rem
}
.h-28 {
height: 7rem
}
.h-30 {
height: 7.5rem
}
.h-32 {
height: 8rem
}
.h-36 {
height: 9rem
}
.h-40 {
height: 10rem
}
.h-44 {
height: 11rem
}
.h-48 {
height: 12rem
}
.h-52 {
height: 13rem
}
.h-56 {
height: 14rem
}
.h-60 {
height: 15rem
}
.h-64 {
height: 16rem
}
.h-72 {
height: 18rem
}
.h-80 {
height: 20rem
}
.h-96 {
height: 24rem
}
.h-auto {
height: auto
}
.h-px {
height: 1px
}
.h-0\.5 {
height: .125rem
}
.h-1\.5 {
height: .375rem
}
.h-2\.5 {
height: .625rem
}
.h-3\.5 {
height: .875rem
}
.h-1\/2 {
height: 50%
}
.h-1\/3 {
height: 33.333333%
}
.h-2\/3 {
height: 66.666667%
}
.h-1\/4 {
height: 25%
}
.h-2\/4 {
height: 50%
}
.h-3\/4 {
height: 75%
}
.h-1\/5 {
height: 20%
}
.h-2\/5 {
height: 40%
}
.h-3\/5 {
height: 60%
}
.h-4\/5 {
height: 80%
}
.h-1\/6 {
height: 16.666667%
}
.h-2\/6 {
height: 33.333333%
}
.h-3\/6 {
height: 50%
}
.h-4\/6 {
height: 66.666667%
}
.h-5\/6 {
height: 83.333333%
}
.h-full {
height: 100%
}
.h-screen {
height: 100vh
}
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse
}
.flex-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.justify-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.justify-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.justify-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.justify-around {
-ms-flex-pack: distribute;
justify-content: space-around
}
.justify-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly
}
.items-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.items-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.items-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline
}
.items-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.p-0 {
padding: 0
}
.p-1 {
padding: .25rem
}
.p-2 {
padding: .5rem
}
.p-3 {
padding: .75rem
}
.p-4 {
padding: 1rem
}
.p-5 {
padding: 1.25rem
}
.p-6 {
padding: 1.5rem
}
.p-7 {
padding: 1.75rem
}
.p-8 {
padding: 2rem
}
.p-9 {
padding: 2.25rem
}
.p-10 {
padding: 2.5rem
}
.p-11 {
padding: 2.75rem
}
.p-12 {
padding: 3rem
}
.p-14 {
padding: 3.5rem
}
.p-15 {
padding: 3.75rem
}
.p-16 {
padding: 4rem
}
.p-18 {
padding: 4.5rem
}
.p-20 {
padding: 5rem
}
.p-22 {
padding: 5.5rem
}
.p-24 {
padding: 6rem
}
.p-26 {
padding: 6.5rem
}
.p-28 {
padding: 7rem
}
.p-30 {
padding: 7.5rem
}
.p-32 {
padding: 8rem
}
.p-36 {
padding: 9rem
}
.p-40 {
padding: 10rem
}
.p-44 {
padding: 11rem
}
.p-48 {
padding: 12rem
}
.p-52 {
padding: 13rem
}
.p-56 {
padding: 14rem
}
.p-60 {
padding: 15rem
}
.p-64 {
padding: 16rem
}
.p-72 {
padding: 18rem
}
.p-80 {
padding: 20rem
}
.p-96 {
padding: 24rem
}
.p-px {
padding: 1px
}
.p-0\.5 {
padding: .125rem
}
.p-1\.5 {
padding: .375rem
}
.p-2\.5 {
padding: .625rem
}
.p-3\.5 {
padding: .875rem
}
.py-0 {
padding-top: 0;
padding-bottom: 0
}
.px-0 {
padding-right: 0;
padding-left: 0
}
.py-1 {
padding-top: .25rem;
padding-bottom: .25rem
}
.px-1 {
padding-right: .25rem;
padding-left: .25rem
}
.py-2 {
padding-top: .5rem;
padding-bottom: .5rem
}
.px-2 {
padding-right: .5rem;
padding-left: .5rem
}
.py-3 {
padding-top: .75rem;
padding-bottom: .75rem
}
.px-3 {
padding-right: .75rem;
padding-left: .75rem
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem
}
.px-4 {
padding-right: 1rem;
padding-left: 1rem
}
.py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem
}
.px-5 {
padding-right: 1.25rem;
padding-left: 1.25rem
}
.py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.px-6 {
padding-right: 1.5rem;
padding-left: 1.5rem
}
.py-7 {
padding-top: 1.75rem;
padding-bottom: 1.75rem
}
.px-7 {
padding-right: 1.75rem;
padding-left: 1.75rem
}
.py-8 {
padding-top: 2rem;
padding-bottom: 2rem
}
.px-8 {
padding-right: 2rem;
padding-left: 2rem
}
.py-9 {
padding-top: 2.25rem;
padding-bottom: 2.25rem
}
.px-9 {
padding-right: 2.25rem;
padding-left: 2.25rem
}
.py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.px-10 {
padding-right: 2.5rem;
padding-left: 2.5rem
}
.py-11 {
padding-top: 2.75rem;
padding-bottom: 2.75rem
}
.px-11 {
padding-right: 2.75rem;
padding-left: 2.75rem
}
.py-12 {
padding-top: 3rem;
padding-bottom: 3rem
}
.px-12 {
padding-right: 3rem;
padding-left: 3rem
}
.py-14 {
padding-top: 3.5rem;
padding-bottom: 3.5rem
}
.px-14 {
padding-right: 3.5rem;
padding-left: 3.5rem
}
.py-15 {
padding-top: 3.75rem;
padding-bottom: 3.75rem
}
.px-15 {
padding-right: 3.75rem;
padding-left: 3.75rem
}
.py-16 {
padding-top: 4rem;
padding-bottom: 4rem
}
.px-16 {
padding-right: 4rem;
padding-left: 4rem
}
.py-18 {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
.px-18 {
padding-right: 4.5rem;
padding-left: 4.5rem
}
.py-20 {
padding-top: 5rem;
padding-bottom: 5rem
}
.px-20 {
padding-right: 5rem;
padding-left: 5rem
}
.py-22 {
padding-top: 5.5rem;
padding-bottom: 5.5rem
}
.px-22 {
padding-right: 5.5rem;
padding-left: 5.5rem
}
.py-24 {
padding-top: 6rem;
padding-bottom: 6rem
}
.px-24 {
padding-right: 6rem;
padding-left: 6rem
}
.py-26 {
padding-top: 6.5rem;
padding-bottom: 6.5rem
}
.px-26 {
padding-right: 6.5rem;
padding-left: 6.5rem
}
.py-28 {
padding-top: 7rem;
padding-bottom: 7rem
}
.px-28 {
padding-right: 7rem;
padding-left: 7rem
}
.py-30 {
padding-top: 7.5rem;
padding-bottom: 7.5rem
}
.px-30 {
padding-right: 7.5rem;
padding-left: 7.5rem
}
.py-32 {
padding-top: 8rem;
padding-bottom: 8rem
}
.px-32 {
padding-right: 8rem;
padding-left: 8rem
}
.py-36 {
padding-top: 9rem;
padding-bottom: 9rem
}
.px-36 {
padding-right: 9rem;
padding-left: 9rem
}
.py-40 {
padding-top: 10rem;
padding-bottom: 10rem
}
.px-40 {
padding-right: 10rem;
padding-left: 10rem
}
.py-44 {
padding-top: 11rem;
padding-bottom: 11rem
}
.px-44 {
padding-right: 11rem;
padding-left: 11rem
}
.py-48 {
padding-top: 12rem;
padding-bottom: 12rem
}
.px-48 {
padding-right: 12rem;
padding-left: 12rem
}
.py-52 {
padding-top: 13rem;
padding-bottom: 13rem
}
.px-52 {
padding-right: 13rem;
padding-left: 13rem
}
.py-56 {
padding-top: 14rem;
padding-bottom: 14rem
}
.px-56 {
padding-right: 14rem;
padding-left: 14rem
}
.py-60 {
padding-top: 15rem;
padding-bottom: 15rem
}
.px-60 {
padding-right: 15rem;
padding-left: 15rem
}
.py-64 {
padding-top: 16rem;
padding-bottom: 16rem
}
.px-64 {
padding-right: 16rem;
padding-left: 16rem
}
.py-72 {
padding-top: 18rem;
padding-bottom: 18rem
}
.px-72 {
padding-right: 18rem;
padding-left: 18rem
}
.py-80 {
padding-top: 20rem;
padding-bottom: 20rem
}
.px-80 {
padding-right: 20rem;
padding-left: 20rem
}
.py-96 {
padding-top: 24rem;
padding-bottom: 24rem
}
.px-96 {
padding-right: 24rem;
padding-left: 24rem
}
.py-px {
padding-top: 1px;
padding-bottom: 1px
}
.px-px {
padding-right: 1px;
padding-left: 1px
}
.py-0\.5 {
padding-top: .125rem;
padding-bottom: .125rem
}
.px-0\.5 {
padding-right: .125rem;
padding-left: .125rem
}
.py-1\.5 {
padding-top: .375rem;
padding-bottom: .375rem
}
.px-1\.5 {
padding-right: .375rem;
padding-left: .375rem
}
.py-2\.5 {
padding-top: .625rem;
padding-bottom: .625rem
}
.px-2\.5 {
padding-right: .625rem;
padding-left: .625rem
}
.py-3\.5 {
padding-top: .875rem;
padding-bottom: .875rem
}
.px-3\.5 {
padding-right: .875rem;
padding-left: .875rem
}
.pt-0 {
padding-top: 0
}
.pr-0 {
padding-right: 0
}
.pb-0 {
padding-bottom: 0
}
.pl-0 {
padding-left: 0
}
.pt-1 {
padding-top: .25rem
}
.pr-1 {
padding-right: .25rem
}
.pb-1 {
padding-bottom: .25rem
}
.pl-1 {
padding-left: .25rem
}
.pt-2 {
padding-top: .5rem
}
.pr-2 {
padding-right: .5rem
}
.pb-2 {
padding-bottom: .5rem
}
.pl-2 {
padding-left: .5rem
}
.pt-3 {
padding-top: .75rem
}
.pr-3 {
padding-right: .75rem
}
.pb-3 {
padding-bottom: .75rem
}
.pl-3 {
padding-left: .75rem
}
.pt-4 {
padding-top: 1rem
}
.pr-4 {
padding-right: 1rem
}
.pb-4 {
padding-bottom: 1rem
}
.pl-4 {
padding-left: 1rem
}
.pt-5 {
padding-top: 1.25rem
}
.pr-5 {
padding-right: 1.25rem
}
.pb-5 {
padding-bottom: 1.25rem
}
.pl-5 {
padding-left: 1.25rem
}
.pt-6 {
padding-top: 1.5rem
}
.pr-6 {
padding-right: 1.5rem
}
.pb-6 {
padding-bottom: 1.5rem
}
.pl-6 {
padding-left: 1.5rem
}
.pt-7 {
padding-top: 1.75rem
}
.pr-7 {
padding-right: 1.75rem
}
.pb-7 {
padding-bottom: 1.75rem
}
.pl-7 {
padding-left: 1.75rem
}
.pt-8 {
padding-top: 2rem
}
.pr-8 {
padding-right: 2rem
}
.pb-8 {
padding-bottom: 2rem
}
.pl-8 {
padding-left: 2rem
}
.pt-9 {
padding-top: 2.25rem
}
.pr-9 {
padding-right: 2.25rem
}
.pb-9 {
padding-bottom: 2.25rem
}
.pl-9 {
padding-left: 2.25rem
}
.pt-10 {
padding-top: 2.5rem
}
.pr-10 {
padding-right: 2.5rem
}
.pb-10 {
padding-bottom: 2.5rem
}
.pl-10 {
padding-left: 2.5rem
}
.pt-11 {
padding-top: 2.75rem
}
.pr-11 {
padding-right: 2.75rem
}
.pb-11 {
padding-bottom: 2.75rem
}
.pl-11 {
padding-left: 2.75rem
}
.pt-12 {
padding-top: 3rem
}
.pr-12 {
padding-right: 3rem
}
.pb-12 {
padding-bottom: 3rem
}
.pl-12 {
padding-left: 3rem
}
.pt-14 {
padding-top: 3.5rem
}
.pr-14 {
padding-right: 3.5rem
}
.pb-14 {
padding-bottom: 3.5rem
}
.pl-14 {
padding-left: 3.5rem
}
.pt-15 {
padding-top: 3.75rem
}
.pr-15 {
padding-right: 3.75rem
}
.pb-15 {
padding-bottom: 3.75rem
}
.pl-15 {
padding-left: 3.75rem
}
.pt-16 {
padding-top: 4rem
}
.pr-16 {
padding-right: 4rem
}
.pb-16 {
padding-bottom: 4rem
}
.pl-16 {
padding-left: 4rem
}
.pt-18 {
padding-top: 4.5rem
}
.pr-18 {
padding-right: 4.5rem
}
.pb-18 {
padding-bottom: 4.5rem
}
.pl-18 {
padding-left: 4.5rem
}
.pt-20 {
padding-top: 5rem
}
.pr-20 {
padding-right: 5rem
}
.pb-20 {
padding-bottom: 5rem
}
.pl-20 {
padding-left: 5rem
}
.pt-22 {
padding-top: 5.5rem
}
.pr-22 {
padding-right: 5.5rem
}
.pb-22 {
padding-bottom: 5.5rem
}
.pl-22 {
padding-left: 5.5rem
}
.pt-24 {
padding-top: 6rem
}
.pr-24 {
padding-right: 6rem
}
.pb-24 {
padding-bottom: 6rem
}
.pl-24 {
padding-left: 6rem
}
.pt-26 {
padding-top: 6.5rem
}
.pr-26 {
padding-right: 6.5rem
}
.pb-26 {
padding-bottom: 6.5rem
}
.pl-26 {
padding-left: 6.5rem
}
.pt-28 {
padding-top: 7rem
}
.pr-28 {
padding-right: 7rem
}
.pb-28 {
padding-bottom: 7rem
}
.pl-28 {
padding-left: 7rem
}
.pt-30 {
padding-top: 7.5rem
}
.pr-30 {
padding-right: 7.5rem
}
.pb-30 {
padding-bottom: 7.5rem
}
.pl-30 {
padding-left: 7.5rem
}
.pt-32 {
padding-top: 8rem
}
.pr-32 {
padding-right: 8rem
}
.pb-32 {
padding-bottom: 8rem
}
.pl-32 {
padding-left: 8rem
}
.pt-36 {
padding-top: 9rem
}
.pr-36 {
padding-right: 9rem
}
.pb-36 {
padding-bottom: 9rem
}
.pl-36 {
padding-left: 9rem
}
.pt-40 {
padding-top: 10rem
}
.pr-40 {
padding-right: 10rem
}
.pb-40 {
padding-bottom: 10rem
}
.pl-40 {
padding-left: 10rem
}
.pt-44 {
padding-top: 11rem
}
.pr-44 {
padding-right: 11rem
}
.pb-44 {
padding-bottom: 11rem
}
.pl-44 {
padding-left: 11rem
}
.pt-48 {
padding-top: 12rem
}
.pr-48 {
padding-right: 12rem
}
.pb-48 {
padding-bottom: 12rem
}
.pl-48 {
padding-left: 12rem
}
.pt-52 {
padding-top: 13rem
}
.pr-52 {
padding-right: 13rem
}
.pb-52 {
padding-bottom: 13rem
}
.pl-52 {
padding-left: 13rem
}
.pt-56 {
padding-top: 14rem
}
.pr-56 {
padding-right: 14rem
}
.pb-56 {
padding-bottom: 14rem
}
.pl-56 {
padding-left: 14rem
}
.pt-60 {
padding-top: 15rem
}
.pr-60 {
padding-right: 15rem
}
.pb-60 {
padding-bottom: 15rem
}
.pl-60 {
padding-left: 15rem
}
.pt-64 {
padding-top: 16rem
}
.pr-64 {
padding-right: 16rem
}
.pb-64 {
padding-bottom: 16rem
}
.pl-64 {
padding-left: 16rem
}
.pt-72 {
padding-top: 18rem
}
.pr-72 {
padding-right: 18rem
}
.pb-72 {
padding-bottom: 18rem
}
.pl-72 {
padding-left: 18rem
}
.pt-80 {
padding-top: 20rem
}
.pr-80 {
padding-right: 20rem
}
.pb-80 {
padding-bottom: 20rem
}
.pl-80 {
padding-left: 20rem
}
.pt-96 {
padding-top: 24rem
}
.pr-96 {
padding-right: 24rem
}
.pb-96 {
padding-bottom: 24rem
}
.pl-96 {
padding-left: 24rem
}
.pt-px {
padding-top: 1px
}
.pr-px {
padding-right: 1px
}
.pb-px {
padding-bottom: 1px
}
.pl-px {
padding-left: 1px
}
.pt-0\.5 {
padding-top: .125rem
}
.pr-0\.5 {
padding-right: .125rem
}
.pb-0\.5 {
padding-bottom: .125rem
}
.pl-0\.5 {
padding-left: .125rem
}
.pt-1\.5 {
padding-top: .375rem
}
.pr-1\.5 {
padding-right: .375rem
}
.pb-1\.5 {
padding-bottom: .375rem
}
.pl-1\.5 {
padding-left: .375rem
}
.pt-2\.5 {
padding-top: .625rem
}
.pr-2\.5 {
padding-right: .625rem
}
.pb-2\.5 {
padding-bottom: .625rem
}
.pl-2\.5 {
padding-left: .625rem
}
.pt-3\.5 {
padding-top: .875rem
}
.pr-3\.5 {
padding-right: .875rem
}
.pb-3\.5 {
padding-bottom: .875rem
}
.pl-3\.5 {
padding-left: .875rem
}
.m-0 {
margin: 0
}
.m-1 {
margin: .25rem
}
.m-2 {
margin: .5rem
}
.m-3 {
margin: .75rem
}
.m-4 {
margin: 1rem
}
.m-5 {
margin: 1.25rem
}
.m-6 {
margin: 1.5rem
}
.m-7 {
margin: 1.75rem
}
.m-8 {
margin: 2rem
}
.m-9 {
margin: 2.25rem
}
.m-10 {
margin: 2.5rem
}
.m-11 {
margin: 2.75rem
}
.m-12 {
margin: 3rem
}
.m-14 {
margin: 3.5rem
}
.m-15 {
margin: 3.75rem
}
.m-16 {
margin: 4rem
}
.m-18 {
margin: 4.5rem
}
.m-20 {
margin: 5rem
}
.m-22 {
margin: 5.5rem
}
.m-24 {
margin: 6rem
}
.m-26 {
margin: 6.5rem
}
.m-28 {
margin: 7rem
}
.m-30 {
margin: 7.5rem
}
.m-32 {
margin: 8rem
}
.m-36 {
margin: 9rem
}
.m-40 {
margin: 10rem
}
.m-44 {
margin: 11rem
}
.m-48 {
margin: 12rem
}
.m-52 {
margin: 13rem
}
.m-56 {
margin: 14rem
}
.m-60 {
margin: 15rem
}
.m-64 {
margin: 16rem
}
.m-72 {
margin: 18rem
}
.m-80 {
margin: 20rem
}
.m-96 {
margin: 24rem
}
.m-auto {
margin: auto
}
.m-px {
margin: 1px
}
.m-0\.5 {
margin: .125rem
}
.m-1\.5 {
margin: .375rem
}
.m-2\.5 {
margin: .625rem
}
.m-3\.5 {
margin: .875rem
}
.-m-0 {
margin: 0
}
.-m-1 {
margin: -.25rem
}
.-m-2 {
margin: -.5rem
}
.-m-3 {
margin: -.75rem
}
.-m-4 {
margin: -1rem
}
.-m-5 {
margin: -1.25rem
}
.-m-6 {
margin: -1.5rem
}
.-m-7 {
margin: -1.75rem
}
.-m-8 {
margin: -2rem
}
.-m-9 {
margin: -2.25rem
}
.-m-10 {
margin: -2.5rem
}
.-m-11 {
margin: -2.75rem
}
.-m-12 {
margin: -3rem
}
.-m-14 {
margin: -3.5rem
}
.-m-15 {
margin: -3.75rem
}
.-m-16 {
margin: -4rem
}
.-m-18 {
margin: -4.5rem
}
.-m-20 {
margin: -5rem
}
.-m-22 {
margin: -5.5rem
}
.-m-24 {
margin: -6rem
}
.-m-26 {
margin: -6.5rem
}
.-m-28 {
margin: -7rem
}
.-m-30 {
margin: -7.5rem
}
.-m-32 {
margin: -8rem
}
.-m-36 {
margin: -9rem
}
.-m-40 {
margin: -10rem
}
.-m-44 {
margin: -11rem
}
.-m-48 {
margin: -12rem
}
.-m-52 {
margin: -13rem
}
.-m-56 {
margin: -14rem
}
.-m-60 {
margin: -15rem
}
.-m-64 {
margin: -16rem
}
.-m-72 {
margin: -18rem
}
.-m-80 {
margin: -20rem
}
.-m-96 {
margin: -24rem
}
.-m-px {
margin: -1px
}
.-m-0\.5 {
margin: -.125rem
}
.-m-1\.5 {
margin: -.375rem
}
.-m-2\.5 {
margin: -.625rem
}
.-m-3\.5 {
margin: -.875rem
}
.my-0 {
margin-top: 0;
margin-bottom: 0
}
.mx-0 {
margin-right: 0;
margin-left: 0
}
.my-1 {
margin-top: .25rem;
margin-bottom: .25rem
}
.mx-1 {
margin-right: .25rem;
margin-left: .25rem
}
.my-2 {
margin-top: .5rem;
margin-bottom: .5rem
}
.mx-2 {
margin-right: .5rem;
margin-left: .5rem
}
.my-3 {
margin-top: .75rem;
margin-bottom: .75rem
}
.mx-3 {
margin-right: .75rem;
margin-left: .75rem
}
.my-4 {
margin-top: 1rem;
margin-bottom: 1rem
}
.mx-4 {
margin-right: 1rem;
margin-left: 1rem
}
.my-5 {
margin-top: 1.25rem;
margin-bottom: 1.25rem
}
.mx-5 {
margin-right: 1.25rem;
margin-left: 1.25rem
}
.my-6 {
margin-top: 1.5rem;
margin-bottom: 1.5rem
}
.mx-6 {
margin-right: 1.5rem;
margin-left: 1.5rem
}
.my-7 {
margin-top: 1.75rem;
margin-bottom: 1.75rem
}
.mx-7 {
margin-right: 1.75rem;
margin-left: 1.75rem
}
.my-8 {
margin-top: 2rem;
margin-bottom: 2rem
}
.mx-8 {
margin-right: 2rem;
margin-left: 2rem
}
.my-9 {
margin-top: 2.25rem;
margin-bottom: 2.25rem
}
.mx-9 {
margin-right: 2.25rem;
margin-left: 2.25rem
}
.my-10 {
margin-top: 2.5rem;
margin-bottom: 2.5rem
}
.mx-10 {
margin-right: 2.5rem;
margin-left: 2.5rem
}
.my-11 {
margin-top: 2.75rem;
margin-bottom: 2.75rem
}
.mx-11 {
margin-right: 2.75rem;
margin-left: 2.75rem
}
.my-12 {
margin-top: 3rem;
margin-bottom: 3rem
}
.mx-12 {
margin-right: 3rem;
margin-left: 3rem
}
.my-14 {
margin-top: 3.5rem;
margin-bottom: 3.5rem
}
.mx-14 {
margin-right: 3.5rem;
margin-left: 3.5rem
}
.my-15 {
margin-top: 3.75rem;
margin-bottom: 3.75rem
}
.mx-15 {
margin-right: 3.75rem;
margin-left: 3.75rem
}
.my-16 {
margin-top: 4rem;
margin-bottom: 4rem
}
.mx-16 {
margin-right: 4rem;
margin-left: 4rem
}
.my-18 {
margin-top: 4.5rem;
margin-bottom: 4.5rem
}
.mx-18 {
margin-right: 4.5rem;
margin-left: 4.5rem
}
.my-20 {
margin-top: 5rem;
margin-bottom: 5rem
}
.mx-20 {
margin-right: 5rem;
margin-left: 5rem
}
.my-22 {
margin-top: 5.5rem;
margin-bottom: 5.5rem
}
.mx-22 {
margin-right: 5.5rem;
margin-left: 5.5rem
}
.my-24 {
margin-top: 6rem;
margin-bottom: 6rem
}
.mx-24 {
margin-right: 6rem;
margin-left: 6rem
}
.my-26 {
margin-top: 6.5rem;
margin-bottom: 6.5rem
}
.mx-26 {
margin-right: 6.5rem;
margin-left: 6.5rem
}
.my-28 {
margin-top: 7rem;
margin-bottom: 7rem
}
.mx-28 {
margin-right: 7rem;
margin-left: 7rem
}
.my-30 {
margin-top: 7.5rem;
margin-bottom: 7.5rem
}
.mx-30 {
margin-right: 7.5rem;
margin-left: 7.5rem
}
.my-32 {
margin-top: 8rem;
margin-bottom: 8rem
}
.mx-32 {
margin-right: 8rem;
margin-left: 8rem
}
.my-36 {
margin-top: 9rem;
margin-bottom: 9rem
}
.mx-36 {
margin-right: 9rem;
margin-left: 9rem
}
.my-40 {
margin-top: 10rem;
margin-bottom: 10rem
}
.mx-40 {
margin-right: 10rem;
margin-left: 10rem
}
.my-44 {
margin-top: 11rem;
margin-bottom: 11rem
}
.mx-44 {
margin-right: 11rem;
margin-left: 11rem
}
.my-48 {
margin-top: 12rem;
margin-bottom: 12rem
}
.mx-48 {
margin-right: 12rem;
margin-left: 12rem
}
.my-52 {
margin-top: 13rem;
margin-bottom: 13rem
}
.mx-52 {
margin-right: 13rem;
margin-left: 13rem
}
.my-56 {
margin-top: 14rem;
margin-bottom: 14rem
}
.mx-56 {
margin-right: 14rem;
margin-left: 14rem
}
.my-60 {
margin-top: 15rem;
margin-bottom: 15rem
}
.mx-60 {
margin-right: 15rem;
margin-left: 15rem
}
.my-64 {
margin-top: 16rem;
margin-bottom: 16rem
}
.mx-64 {
margin-right: 16rem;
margin-left: 16rem
}
.my-72 {
margin-top: 18rem;
margin-bottom: 18rem
}
.mx-72 {
margin-right: 18rem;
margin-left: 18rem
}
.my-80 {
margin-top: 20rem;
margin-bottom: 20rem
}
.mx-80 {
margin-right: 20rem;
margin-left: 20rem
}
.my-96 {
margin-top: 24rem;
margin-bottom: 24rem
}
.mx-96 {
margin-right: 24rem;
margin-left: 24rem
}
.my-auto {
margin-top: auto;
margin-bottom: auto
}
.mx-auto {
margin-right: auto;
margin-left: auto
}
.my-px {
margin-top: 1px;
margin-bottom: 1px
}
.mx-px {
margin-right: 1px;
margin-left: 1px
}
.my-0\.5 {
margin-top: .125rem;
margin-bottom: .125rem
}
.mx-0\.5 {
margin-right: .125rem;
margin-left: .125rem
}
.my-1\.5 {
margin-top: .375rem;
margin-bottom: .375rem
}
.mx-1\.5 {
margin-right: .375rem;
margin-left: .375rem
}
.my-2\.5 {
margin-top: .625rem;
margin-bottom: .625rem
}
.mx-2\.5 {
margin-right: .625rem;
margin-left: .625rem
}
.my-3\.5 {
margin-top: .875rem;
margin-bottom: .875rem
}
.mx-3\.5 {
margin-right: .875rem;
margin-left: .875rem
}
.-my-0 {
margin-top: 0;
margin-bottom: 0
}
.-mx-0 {
margin-right: 0;
margin-left: 0
}
.-my-1 {
margin-top: -.25rem;
margin-bottom: -.25rem
}
.-mx-1 {
margin-right: -.25rem;
margin-left: -.25rem
}
.-my-2 {
margin-top: -.5rem;
margin-bottom: -.5rem
}
.-mx-2 {
margin-right: -.5rem;
margin-left: -.5rem
}
.-my-3 {
margin-top: -.75rem;
margin-bottom: -.75rem
}
.-mx-3 {
margin-right: -.75rem;
margin-left: -.75rem
}
.-my-4 {
margin-top: -1rem;
margin-bottom: -1rem
}
.-mx-4 {
margin-right: -1rem;
margin-left: -1rem
}
.-my-5 {
margin-top: -1.25rem;
margin-bottom: -1.25rem
}
.-mx-5 {
margin-right: -1.25rem;
margin-left: -1.25rem
}
.-my-6 {
margin-top: -1.5rem;
margin-bottom: -1.5rem
}
.-mx-6 {
margin-right: -1.5rem;
margin-left: -1.5rem
}
.-my-7 {
margin-top: -1.75rem;
margin-bottom: -1.75rem
}
.-mx-7 {
margin-right: -1.75rem;
margin-left: -1.75rem
}
.-my-8 {
margin-top: -2rem;
margin-bottom: -2rem
}
.-mx-8 {
margin-right: -2rem;
margin-left: -2rem
}
.-my-9 {
margin-top: -2.25rem;
margin-bottom: -2.25rem
}
.-mx-9 {
margin-right: -2.25rem;
margin-left: -2.25rem
}
.-my-10 {
margin-top: -2.5rem;
margin-bottom: -2.5rem
}
.-mx-10 {
margin-right: -2.5rem;
margin-left: -2.5rem
}
.-my-11 {
margin-top: -2.75rem;
margin-bottom: -2.75rem
}
.-mx-11 {
margin-right: -2.75rem;
margin-left: -2.75rem
}
.-my-12 {
margin-top: -3rem;
margin-bottom: -3rem
}
.-mx-12 {
margin-right: -3rem;
margin-left: -3rem
}
.-my-14 {
margin-top: -3.5rem;
margin-bottom: -3.5rem
}
.-mx-14 {
margin-right: -3.5rem;
margin-left: -3.5rem
}
.-my-15 {
margin-top: -3.75rem;
margin-bottom: -3.75rem
}
.-mx-15 {
margin-right: -3.75rem;
margin-left: -3.75rem
}
.-my-16 {
margin-top: -4rem;
margin-bottom: -4rem
}
.-mx-16 {
margin-right: -4rem;
margin-left: -4rem
}
.-my-18 {
margin-top: -4.5rem;
margin-bottom: -4.5rem
}
.-mx-18 {
margin-right: -4.5rem;
margin-left: -4.5rem
}
.-my-20 {
margin-top: -5rem;
margin-bottom: -5rem
}
.-mx-20 {
margin-right: -5rem;
margin-left: -5rem
}
.-my-22 {
margin-top: -5.5rem;
margin-bottom: -5.5rem
}
.-mx-22 {
margin-right: -5.5rem;
margin-left: -5.5rem
}
.-my-24 {
margin-top: -6rem;
margin-bottom: -6rem
}
.-mx-24 {
margin-right: -6rem;
margin-left: -6rem
}
.-my-26 {
margin-top: -6.5rem;
margin-bottom: -6.5rem
}
.-mx-26 {
margin-right: -6.5rem;
margin-left: -6.5rem
}
.-my-28 {
margin-top: -7rem;
margin-bottom: -7rem
}
.-mx-28 {
margin-right: -7rem;
margin-left: -7rem
}
.-my-30 {
margin-top: -7.5rem;
margin-bottom: -7.5rem
}
.-mx-30 {
margin-right: -7.5rem;
margin-left: -7.5rem
}
.-my-32 {
margin-top: -8rem;
margin-bottom: -8rem
}
.-mx-32 {
margin-right: -8rem;
margin-left: -8rem
}
.-my-36 {
margin-top: -9rem;
margin-bottom: -9rem
}
.-mx-36 {
margin-right: -9rem;
margin-left: -9rem
}
.-my-40 {
margin-top: -10rem;
margin-bottom: -10rem
}
.-mx-40 {
margin-right: -10rem;
margin-left: -10rem
}
.-my-44 {
margin-top: -11rem;
margin-bottom: -11rem
}
.-mx-44 {
margin-right: -11rem;
margin-left: -11rem
}
.-my-48 {
margin-top: -12rem;
margin-bottom: -12rem
}
.-mx-48 {
margin-right: -12rem;
margin-left: -12rem
}
.-my-52 {
margin-top: -13rem;
margin-bottom: -13rem
}
.-mx-52 {
margin-right: -13rem;
margin-left: -13rem
}
.-my-56 {
margin-top: -14rem;
margin-bottom: -14rem
}
.-mx-56 {
margin-right: -14rem;
margin-left: -14rem
}
.-my-60 {
margin-top: -15rem;
margin-bottom: -15rem
}
.-mx-60 {
margin-right: -15rem;
margin-left: -15rem
}
.-my-64 {
margin-top: -16rem;
margin-bottom: -16rem
}
.-mx-64 {
margin-right: -16rem;
margin-left: -16rem
}
.-my-72 {
margin-top: -18rem;
margin-bottom: -18rem
}
.-mx-72 {
margin-right: -18rem;
margin-left: -18rem
}
.-my-80 {
margin-top: -20rem;
margin-bottom: -20rem
}
.-mx-80 {
margin-right: -20rem;
margin-left: -20rem
}
.-my-96 {
margin-top: -24rem;
margin-bottom: -24rem
}
.-mx-96 {
margin-right: -24rem;
margin-left: -24rem
}
.-my-px {
margin-top: -1px;
margin-bottom: -1px
}
.-mx-px {
margin-right: -1px;
margin-left: -1px
}
.-my-0\.5 {
margin-top: -.125rem;
margin-bottom: -.125rem
}
.-mx-0\.5 {
margin-right: -.125rem;
margin-left: -.125rem
}
.-my-1\.5 {
margin-top: -.375rem;
margin-bottom: -.375rem
}
.-mx-1\.5 {
margin-right: -.375rem;
margin-left: -.375rem
}
.-my-2\.5 {
margin-top: -.625rem;
margin-bottom: -.625rem
}
.-mx-2\.5 {
margin-right: -.625rem;
margin-left: -.625rem
}
.-my-3\.5 {
margin-top: -.875rem;
margin-bottom: -.875rem
}
.-mx-3\.5 {
margin-right: -.875rem;
margin-left: -.875rem
}
.mt-0 {
margin-top: 0
}
.mr-0 {
margin-right: 0
}
.mb-0 {
margin-bottom: 0
}
.ml-0 {
margin-left: 0
}
.mt-1 {
margin-top: .25rem
}
.mr-1 {
margin-right: .25rem
}
.mb-1 {
margin-bottom: .25rem
}
.ml-1 {
margin-left: .25rem
}
.mt-2 {
margin-top: .5rem
}
.mr-2 {
margin-right: .5rem
}
.mb-2 {
margin-bottom: .5rem
}
.ml-2 {
margin-left: .5rem
}
.mt-3 {
margin-top: .75rem
}
.mr-3 {
margin-right: .75rem
}
.mb-3 {
margin-bottom: .75rem
}
.ml-3 {
margin-left: .75rem
}
.mt-4 {
margin-top: 1rem
}
.mr-4 {
margin-right: 1rem
}
.mb-4 {
margin-bottom: 1rem
}
.ml-4 {
margin-left: 1rem
}
.mt-5 {
margin-top: 1.25rem
}
.mr-5 {
margin-right: 1.25rem
}
.mb-5 {
margin-bottom: 1.25rem
}
.ml-5 {
margin-left: 1.25rem
}
.mt-6 {
margin-top: 1.5rem
}
.mr-6 {
margin-right: 1.5rem
}
.mb-6 {
margin-bottom: 1.5rem
}
.ml-6 {
margin-left: 1.5rem
}
.mt-7 {
margin-top: 1.75rem
}
.mr-7 {
margin-right: 1.75rem
}
.mb-7 {
margin-bottom: 1.75rem
}
.ml-7 {
margin-left: 1.75rem
}
.mt-8 {
margin-top: 2rem
}
.mr-8 {
margin-right: 2rem
}
.mb-8 {
margin-bottom: 2rem
}
.ml-8 {
margin-left: 2rem
}
.mt-9 {
margin-top: 2.25rem
}
.mr-9 {
margin-right: 2.25rem
}
.mb-9 {
margin-bottom: 2.25rem
}
.ml-9 {
margin-left: 2.25rem
}
.mt-10 {
margin-top: 2.5rem
}
.mr-10 {
margin-right: 2.5rem
}
.mb-10 {
margin-bottom: 2.5rem
}
.ml-10 {
margin-left: 2.5rem
}
.mt-11 {
margin-top: 2.75rem
}
.mr-11 {
margin-right: 2.75rem
}
.mb-11 {
margin-bottom: 2.75rem
}
.ml-11 {
margin-left: 2.75rem
}
.mt-12 {
margin-top: 3rem
}
.mr-12 {
margin-right: 3rem
}
.mb-12 {
margin-bottom: 3rem
}
.ml-12 {
margin-left: 3rem
}
.mt-14 {
margin-top: 3.5rem
}
.mr-14 {
margin-right: 3.5rem
}
.mb-14 {
margin-bottom: 3.5rem
}
.ml-14 {
margin-left: 3.5rem
}
.mt-15 {
margin-top: 3.75rem
}
.mr-15 {
margin-right: 3.75rem
}
.mb-15 {
margin-bottom: 3.75rem
}
.ml-15 {
margin-left: 3.75rem
}
.mt-16 {
margin-top: 4rem
}
.mr-16 {
margin-right: 4rem
}
.mb-16 {
margin-bottom: 4rem
}
.ml-16 {
margin-left: 4rem
}
.mt-18 {
margin-top: 4.5rem
}
.mr-18 {
margin-right: 4.5rem
}
.mb-18 {
margin-bottom: 4.5rem
}
.ml-18 {
margin-left: 4.5rem
}
.mt-20 {
margin-top: 5rem
}
.mr-20 {
margin-right: 5rem
}
.mb-20 {
margin-bottom: 5rem
}
.ml-20 {
margin-left: 5rem
}
.mt-22 {
margin-top: 5.5rem
}
.mr-22 {
margin-right: 5.5rem
}
.mb-22 {
margin-bottom: 5.5rem
}
.ml-22 {
margin-left: 5.5rem
}
.mt-24 {
margin-top: 6rem
}
.mr-24 {
margin-right: 6rem
}
.mb-24 {
margin-bottom: 6rem
}
.ml-24 {
margin-left: 6rem
}
.mt-26 {
margin-top: 6.5rem
}
.mr-26 {
margin-right: 6.5rem
}
.mb-26 {
margin-bottom: 6.5rem
}
.ml-26 {
margin-left: 6.5rem
}
.mt-28 {
margin-top: 7rem
}
.mr-28 {
margin-right: 7rem
}
.mb-28 {
margin-bottom: 7rem
}
.ml-28 {
margin-left: 7rem
}
.mt-30 {
margin-top: 7.5rem
}
.mr-30 {
margin-right: 7.5rem
}
.mb-30 {
margin-bottom: 7.5rem
}
.ml-30 {
margin-left: 7.5rem
}
.mt-32 {
margin-top: 8rem
}
.mr-32 {
margin-right: 8rem
}
.mb-32 {
margin-bottom: 8rem
}
.ml-32 {
margin-left: 8rem
}
.mt-36 {
margin-top: 9rem
}
.mr-36 {
margin-right: 9rem
}
.mb-36 {
margin-bottom: 9rem
}
.ml-36 {
margin-left: 9rem
}
.mt-40 {
margin-top: 10rem
}
.mr-40 {
margin-right: 10rem
}
.mb-40 {
margin-bottom: 10rem
}
.ml-40 {
margin-left: 10rem
}
.mt-44 {
margin-top: 11rem
}
.mr-44 {
margin-right: 11rem
}
.mb-44 {
margin-bottom: 11rem
}
.ml-44 {
margin-left: 11rem
}
.mt-48 {
margin-top: 12rem
}
.mr-48 {
margin-right: 12rem
}
.mb-48 {
margin-bottom: 12rem
}
.ml-48 {
margin-left: 12rem
}
.mt-52 {
margin-top: 13rem
}
.mr-52 {
margin-right: 13rem
}
.mb-52 {
margin-bottom: 13rem
}
.ml-52 {
margin-left: 13rem
}
.mt-56 {
margin-top: 14rem
}
.mr-56 {
margin-right: 14rem
}
.mb-56 {
margin-bottom: 14rem
}
.ml-56 {
margin-left: 14rem
}
.mt-60 {
margin-top: 15rem
}
.mr-60 {
margin-right: 15rem
}
.mb-60 {
margin-bottom: 15rem
}
.ml-60 {
margin-left: 15rem
}
.mt-64 {
margin-top: 16rem
}
.mr-64 {
margin-right: 16rem
}
.mb-64 {
margin-bottom: 16rem
}
.ml-64 {
margin-left: 16rem
}
.mt-72 {
margin-top: 18rem
}
.mr-72 {
margin-right: 18rem
}
.mb-72 {
margin-bottom: 18rem
}
.ml-72 {
margin-left: 18rem
}
.mt-80 {
margin-top: 20rem
}
.mr-80 {
margin-right: 20rem
}
.mb-80 {
margin-bottom: 20rem
}
.ml-80 {
margin-left: 20rem
}
.mt-96 {
margin-top: 24rem
}
.mr-96 {
margin-right: 24rem
}
.mb-96 {
margin-bottom: 24rem
}
.ml-96 {
margin-left: 24rem
}
.mt-auto {
margin-top: auto
}
.mr-auto {
margin-right: auto
}
.mb-auto {
margin-bottom: auto
}
.ml-auto {
margin-left: auto
}
.mt-px {
margin-top: 1px
}
.mr-px {
margin-right: 1px
}
.mb-px {
margin-bottom: 1px
}
.ml-px {
margin-left: 1px
}
.mt-0\.5 {
margin-top: .125rem
}
.mr-0\.5 {
margin-right: .125rem
}
.mb-0\.5 {
margin-bottom: .125rem
}
.ml-0\.5 {
margin-left: .125rem
}
.mt-1\.5 {
margin-top: .375rem
}
.mr-1\.5 {
margin-right: .375rem
}
.mb-1\.5 {
margin-bottom: .375rem
}
.ml-1\.5 {
margin-left: .375rem
}
.mt-2\.5 {
margin-top: .625rem
}
.mr-2\.5 {
margin-right: .625rem
}
.mb-2\.5 {
margin-bottom: .625rem
}
.ml-2\.5 {
margin-left: .625rem
}
.mt-3\.5 {
margin-top: .875rem
}
.mr-3\.5 {
margin-right: .875rem
}
.mb-3\.5 {
margin-bottom: .875rem
}
.ml-3\.5 {
margin-left: .875rem
}
.-mt-0 {
margin-top: 0
}
.-mr-0 {
margin-right: 0
}
.-mb-0 {
margin-bottom: 0
}
.-ml-0 {
margin-left: 0
}
.-mt-1 {
margin-top: -.25rem
}
.-mr-1 {
margin-right: -.25rem
}
.-mb-1 {
margin-bottom: -.25rem
}
.-ml-1 {
margin-left: -.25rem
}
.-mt-2 {
margin-top: -.5rem
}
.-mr-2 {
margin-right: -.5rem
}
.-mb-2 {
margin-bottom: -.5rem
}
.-ml-2 {
margin-left: -.5rem
}
.-mt-3 {
margin-top: -.75rem
}
.-mr-3 {
margin-right: -.75rem
}
.-mb-3 {
margin-bottom: -.75rem
}
.-ml-3 {
margin-left: -.75rem
}
.-mt-4 {
margin-top: -1rem
}
.-mr-4 {
margin-right: -1rem
}
.-mb-4 {
margin-bottom: -1rem
}
.-ml-4 {
margin-left: -1rem
}
.-mt-5 {
margin-top: -1.25rem
}
.-mr-5 {
margin-right: -1.25rem
}
.-mb-5 {
margin-bottom: -1.25rem
}
.-ml-5 {
margin-left: -1.25rem
}
.-mt-6 {
margin-top: -1.5rem
}
.-mr-6 {
margin-right: -1.5rem
}
.-mb-6 {
margin-bottom: -1.5rem
}
.-ml-6 {
margin-left: -1.5rem
}
.-mt-7 {
margin-top: -1.75rem
}
.-mr-7 {
margin-right: -1.75rem
}
.-mb-7 {
margin-bottom: -1.75rem
}
.-ml-7 {
margin-left: -1.75rem
}
.-mt-8 {
margin-top: -2rem
}
.-mr-8 {
margin-right: -2rem
}
.-mb-8 {
margin-bottom: -2rem
}
.-ml-8 {
margin-left: -2rem
}
.-mt-9 {
margin-top: -2.25rem
}
.-mr-9 {
margin-right: -2.25rem
}
.-mb-9 {
margin-bottom: -2.25rem
}
.-ml-9 {
margin-left: -2.25rem
}
.-mt-10 {
margin-top: -2.5rem
}
.-mr-10 {
margin-right: -2.5rem
}
.-mb-10 {
margin-bottom: -2.5rem
}
.-ml-10 {
margin-left: -2.5rem
}
.-mt-11 {
margin-top: -2.75rem
}
.-mr-11 {
margin-right: -2.75rem
}
.-mb-11 {
margin-bottom: -2.75rem
}
.-ml-11 {
margin-left: -2.75rem
}
.-mt-12 {
margin-top: -3rem
}
.-mr-12 {
margin-right: -3rem
}
.-mb-12 {
margin-bottom: -3rem
}
.-ml-12 {
margin-left: -3rem
}
.-mt-14 {
margin-top: -3.5rem
}
.-mr-14 {
margin-right: -3.5rem
}
.-mb-14 {
margin-bottom: -3.5rem
}
.-ml-14 {
margin-left: -3.5rem
}
.-mt-15 {
margin-top: -3.75rem
}
.-mr-15 {
margin-right: -3.75rem
}
.-mb-15 {
margin-bottom: -3.75rem
}
.-ml-15 {
margin-left: -3.75rem
}
.-mt-16 {
margin-top: -4rem
}
.-mr-16 {
margin-right: -4rem
}
.-mb-16 {
margin-bottom: -4rem
}
.-ml-16 {
margin-left: -4rem
}
.-mt-18 {
margin-top: -4.5rem
}
.-mr-18 {
margin-right: -4.5rem
}
.-mb-18 {
margin-bottom: -4.5rem
}
.-ml-18 {
margin-left: -4.5rem
}
.-mt-20 {
margin-top: -5rem
}
.-mr-20 {
margin-right: -5rem
}
.-mb-20 {
margin-bottom: -5rem
}
.-ml-20 {
margin-left: -5rem
}
.-mt-22 {
margin-top: -5.5rem
}
.-mr-22 {
margin-right: -5.5rem
}
.-mb-22 {
margin-bottom: -5.5rem
}
.-ml-22 {
margin-left: -5.5rem
}
.-mt-24 {
margin-top: -6rem
}
.-mr-24 {
margin-right: -6rem
}
.-mb-24 {
margin-bottom: -6rem
}
.-ml-24 {
margin-left: -6rem
}
.-mt-26 {
margin-top: -6.5rem
}
.-mr-26 {
margin-right: -6.5rem
}
.-mb-26 {
margin-bottom: -6.5rem
}
.-ml-26 {
margin-left: -6.5rem
}
.-mt-28 {
margin-top: -7rem
}
.-mr-28 {
margin-right: -7rem
}
.-mb-28 {
margin-bottom: -7rem
}
.-ml-28 {
margin-left: -7rem
}
.-mt-30 {
margin-top: -7.5rem
}
.-mr-30 {
margin-right: -7.5rem
}
.-mb-30 {
margin-bottom: -7.5rem
}
.-ml-30 {
margin-left: -7.5rem
}
.-mt-32 {
margin-top: -8rem
}
.-mr-32 {
margin-right: -8rem
}
.-mb-32 {
margin-bottom: -8rem
}
.-ml-32 {
margin-left: -8rem
}
.-mt-36 {
margin-top: -9rem
}
.-mr-36 {
margin-right: -9rem
}
.-mb-36 {
margin-bottom: -9rem
}
.-ml-36 {
margin-left: -9rem
}
.-mt-40 {
margin-top: -10rem
}
.-mr-40 {
margin-right: -10rem
}
.-mb-40 {
margin-bottom: -10rem
}
.-ml-40 {
margin-left: -10rem
}
.-mt-44 {
margin-top: -11rem
}
.-mr-44 {
margin-right: -11rem
}
.-mb-44 {
margin-bottom: -11rem
}
.-ml-44 {
margin-left: -11rem
}
.-mt-48 {
margin-top: -12rem
}
.-mr-48 {
margin-right: -12rem
}
.-mb-48 {
margin-bottom: -12rem
}
.-ml-48 {
margin-left: -12rem
}
.-mt-52 {
margin-top: -13rem
}
.-mr-52 {
margin-right: -13rem
}
.-mb-52 {
margin-bottom: -13rem
}
.-ml-52 {
margin-left: -13rem
}
.-mt-56 {
margin-top: -14rem
}
.-mr-56 {
margin-right: -14rem
}
.-mb-56 {
margin-bottom: -14rem
}
.-ml-56 {
margin-left: -14rem
}
.-mt-60 {
margin-top: -15rem
}
.-mr-60 {
margin-right: -15rem
}
.-mb-60 {
margin-bottom: -15rem
}
.-ml-60 {
margin-left: -15rem
}
.-mt-64 {
margin-top: -16rem
}
.-mr-64 {
margin-right: -16rem
}
.-mb-64 {
margin-bottom: -16rem
}
.-ml-64 {
margin-left: -16rem
}
.-mt-72 {
margin-top: -18rem
}
.-mr-72 {
margin-right: -18rem
}
.-mb-72 {
margin-bottom: -18rem
}
.-ml-72 {
margin-left: -18rem
}
.-mt-80 {
margin-top: -20rem
}
.-mr-80 {
margin-right: -20rem
}
.-mb-80 {
margin-bottom: -20rem
}
.-ml-80 {
margin-left: -20rem
}
.-mt-96 {
margin-top: -24rem
}
.-mr-96 {
margin-right: -24rem
}
.-mb-96 {
margin-bottom: -24rem
}
.-ml-96 {
margin-left: -24rem
}
.-mt-px {
margin-top: -1px
}
.-mr-px {
margin-right: -1px
}
.-mb-px {
margin-bottom: -1px
}
.-ml-px {
margin-left: -1px
}
.-mt-0\.5 {
margin-top: -.125rem
}
.-mr-0\.5 {
margin-right: -.125rem
}
.-mb-0\.5 {
margin-bottom: -.125rem
}
.-ml-0\.5 {
margin-left: -.125rem
}
.-mt-1\.5 {
margin-top: -.375rem
}
.-mr-1\.5 {
margin-right: -.375rem
}
.-mb-1\.5 {
margin-bottom: -.375rem
}
.-ml-1\.5 {
margin-left: -.375rem
}
.-mt-2\.5 {
margin-top: -.625rem
}
.-mr-2\.5 {
margin-right: -.625rem
}
.-mb-2\.5 {
margin-bottom: -.625rem
}
.-ml-2\.5 {
margin-left: -.625rem
}
.-mt-3\.5 {
margin-top: -.875rem
}
.-mr-3\.5 {
margin-right: -.875rem
}
.-mb-3\.5 {
margin-bottom: -.875rem
}
.-ml-3\.5 {
margin-left: -.875rem
}
.bg-primary {
background-color: #fd0002
}
.bg-main {
background-color: #333
}
.bg-blue-1 {
background-color: #19469a
}
.bg-blue-2 {
background-color: #3778ae
}
.bg-blue-3 {
background-color: #0981c5
}
.bg-grey-1 {
background-color: #111
}
.bg-grey-2 {
background-color: #666
}
.bg-grey-3 {
background-color: #999
}
.bg-grey-4 {
background-color: #efefef
}
.bg-grey-5 {
background-color: #2c333e
}
.bg-grey-6 {
background-color: #ccc
}
.bg-black {
background-color: #000
}
.bg-white {
background-color: #fff
}
.font-thin {
font-weight: 100
}
.font-extralight {
font-weight: 200
}
.font-light {
font-weight: 300
}
.font-normal {
font-weight: 400
}
.font-medium {
font-weight: 500
}
.font-semibold {
font-weight: 600
}
.font-bold {
font-weight: 700
}
.font-extrabold {
font-weight: 800
}
.font-black {
font-weight: 900
}
.opacity-0 {
opacity: 0
}
.opacity-5 {
opacity: .05
}
.opacity-10 {
opacity: .1
}
.opacity-20 {
opacity: .2
}
.opacity-25 {
opacity: .25
}
.opacity-30 {
opacity: .3
}
.opacity-40 {
opacity: .4
}
.opacity-50 {
opacity: .5
}
.opacity-60 {
opacity: .6
}
.opacity-70 {
opacity: .7
}
.opacity-75 {
opacity: .75
}
.opacity-80 {
opacity: .8
}
.opacity-90 {
opacity: .9
}
.opacity-95 {
opacity: .95
}
.opacity-100 {
opacity: 1
}
.text-primary {
color: #fd0002
}
.text-main {
color: #333
}
.text-blue-1 {
color: #19469a
}
.text-blue-2 {
color: #3778ae
}
.text-blue-3 {
color: #0981c5
}
.text-grey-1 {
color: #111
}
.text-grey-2 {
color: #666
}
.text-grey-3 {
color: #999
}
.text-grey-4 {
color: #efefef
}
.text-grey-5 {
color: #2c333e
}
.text-grey-6 {
color: #ccc
}
.text-black {
color: #000
}
.text-white {
color: #fff
}
.z-0 {
z-index: 0
}
.z-10 {
z-index: 10
}
.z-20 {
z-index: 20
}
.z-30 {
z-index: 30
}
.z-40 {
z-index: 40
}
.z-50 {
z-index: 50
}
.z-auto {
z-index: auto
}
.text-10 {
font-size: .625rem
}
.text-11 {
font-size: .68‬rem
}
.text-12 {
font-size: .75rem
}
.text-13 {
font-size: .8125rem
}
.text-14 {
font-size: .875rem
}
.text-15 {
font-size: .9375rem
}
.text-16 {
font-size: 1rem
}
.text-18 {
font-size: 1.125rem
}
.text-20 {
font-size: 1.25rem
}
.text-22 {
font-size: 1.375rem
}
.text-24 {
font-size: 1.5rem
}
.text-26 {
font-size: 1.625rem
}
.text-28 {
font-size: 1.75rem
}
.text-30 {
font-size: 1.875rem
}
.text-32 {
font-size: 2rem
}
.text-36 {
font-size: 2.25rem
}
.text-40 {
font-size: 2.5rem
}
.text-44 {
font-size: 2.75rem
}
.text-48 {
font-size: 3rem
}
.cursor-auto {
cursor: auto
}
.cursor-default {
cursor: default
}
.cursor-pointer {
cursor: pointer
}
.cursor-wait {
cursor: wait
}
.cursor-text {
cursor: text
}
.cursor-move {
cursor: move
}
.cursor-help {
cursor: help
}
.cursor-not-allowed {
cursor: not-allowed
}
.underline {
text-decoration: underline
}
.line-through {
text-decoration: line-through
}
.no-underline {
text-decoration: none
}
.translate-x-0 {
--tw-translate-x: 0px
}
.translate-x-1 {
--tw-translate-x: 0.25rem
}
.translate-x-2 {
--tw-translate-x: 0.5rem
}
.translate-x-3 {
--tw-translate-x: 0.75rem
}
.translate-x-4 {
--tw-translate-x: 1rem
}
.translate-x-5 {
--tw-translate-x: 1.25rem
}
.translate-x-6 {
--tw-translate-x: 1.5rem
}
.translate-x-7 {
--tw-translate-x: 1.75rem
}
.translate-x-8 {
--tw-translate-x: 2rem
}
.translate-x-9 {
--tw-translate-x: 2.25rem
}
.translate-x-10 {
--tw-translate-x: 2.5rem
}
.translate-x-11 {
--tw-translate-x: 2.75rem
}
.translate-x-12 {
--tw-translate-x: 3rem
}
.translate-x-14 {
--tw-translate-x: 3.5rem
}
.translate-x-15 {
--tw-translate-x: 3.75rem
}
.translate-x-16 {
--tw-translate-x: 4rem
}
.translate-x-18 {
--tw-translate-x: 4.5rem
}
.translate-x-20 {
--tw-translate-x: 5rem
}
.translate-x-22 {
--tw-translate-x: 5.5rem
}
.translate-x-24 {
--tw-translate-x: 6rem
}
.translate-x-26 {
--tw-translate-x: 6.5rem
}
.translate-x-28 {
--tw-translate-x: 7rem
}
.translate-x-30 {
--tw-translate-x: 7.5rem
}
.translate-x-32 {
--tw-translate-x: 8rem
}
.translate-x-36 {
--tw-translate-x: 9rem
}
.translate-x-40 {
--tw-translate-x: 10rem
}
.translate-x-44 {
--tw-translate-x: 11rem
}
.translate-x-48 {
--tw-translate-x: 12rem
}
.translate-x-52 {
--tw-translate-x: 13rem
}
.translate-x-56 {
--tw-translate-x: 14rem
}
.translate-x-60 {
--tw-translate-x: 15rem
}
.translate-x-64 {
--tw-translate-x: 16rem
}
.translate-x-72 {
--tw-translate-x: 18rem
}
.translate-x-80 {
--tw-translate-x: 20rem
}
.translate-x-96 {
--tw-translate-x: 24rem
}
.translate-x-px {
--tw-translate-x: 1px
}
.translate-x-0\.5 {
--tw-translate-x: 0.125rem
}
.translate-x-1\.5 {
--tw-translate-x: 0.375rem
}
.translate-x-2\.5 {
--tw-translate-x: 0.625rem
}
.translate-x-3\.5 {
--tw-translate-x: 0.875rem
}
.-translate-x-0 {
--tw-translate-x: 0px
}
.-translate-x-1 {
--tw-translate-x: -0.25rem
}
.-translate-x-2 {
--tw-translate-x: -0.5rem
}
.-translate-x-3 {
--tw-translate-x: -0.75rem
}
.-translate-x-4 {
--tw-translate-x: -1rem
}
.-translate-x-5 {
--tw-translate-x: -1.25rem
}
.-translate-x-6 {
--tw-translate-x: -1.5rem
}
.-translate-x-7 {
--tw-translate-x: -1.75rem
}
.-translate-x-8 {
--tw-translate-x: -2rem
}
.-translate-x-9 {
--tw-translate-x: -2.25rem
}
.-translate-x-10 {
--tw-translate-x: -2.5rem
}
.-translate-x-11 {
--tw-translate-x: -2.75rem
}
.-translate-x-12 {
--tw-translate-x: -3rem
}
.-translate-x-14 {
--tw-translate-x: -3.5rem
}
.-translate-x-15 {
--tw-translate-x: -3.75rem
}
.-translate-x-16 {
--tw-translate-x: -4rem
}
.-translate-x-18 {
--tw-translate-x: -4.5rem
}
.-translate-x-20 {
--tw-translate-x: -5rem
}
.-translate-x-22 {
--tw-translate-x: -5.5rem
}
.-translate-x-24 {
--tw-translate-x: -6rem
}
.-translate-x-26 {
--tw-translate-x: -6.5rem
}
.-translate-x-28 {
--tw-translate-x: -7rem
}
.-translate-x-30 {
--tw-translate-x: -7.5rem
}
.-translate-x-32 {
--tw-translate-x: -8rem
}
.-translate-x-36 {
--tw-translate-x: -9rem
}
.-translate-x-40 {
--tw-translate-x: -10rem
}
.-translate-x-44 {
--tw-translate-x: -11rem
}
.-translate-x-48 {
--tw-translate-x: -12rem
}
.-translate-x-52 {
--tw-translate-x: -13rem
}
.-translate-x-56 {
--tw-translate-x: -14rem
}
.-translate-x-60 {
--tw-translate-x: -15rem
}
.-translate-x-64 {
--tw-translate-x: -16rem
}
.-translate-x-72 {
--tw-translate-x: -18rem
}
.-translate-x-80 {
--tw-translate-x: -20rem
}
.-translate-x-96 {
--tw-translate-x: -24rem
}
.-translate-x-px {
--tw-translate-x: -1px
}
.-translate-x-0\.5 {
--tw-translate-x: -0.125rem
}
.-translate-x-1\.5 {
--tw-translate-x: -0.375rem
}
.-translate-x-2\.5 {
--tw-translate-x: -0.625rem
}
.-translate-x-3\.5 {
--tw-translate-x: -0.875rem
}
.translate-x-1\/2 {
--tw-translate-x: 50%
}
.translate-x-1\/3 {
--tw-translate-x: 33.333333%
}
.translate-x-2\/3 {
--tw-translate-x: 66.666667%
}
.translate-x-1\/4 {
--tw-translate-x: 25%
}
.translate-x-2\/4 {
--tw-translate-x: 50%
}
.translate-x-3\/4 {
--tw-translate-x: 75%
}
.translate-x-full {
--tw-translate-x: 100%
}
.-translate-x-1\/2 {
--tw-translate-x: -50%
}
.-translate-x-1\/3 {
--tw-translate-x: -33.333333%
}
.-translate-x-2\/3 {
--tw-translate-x: -66.666667%
}
.-translate-x-1\/4 {
--tw-translate-x: -25%
}
.-translate-x-2\/4 {
--tw-translate-x: -50%
}
.-translate-x-3\/4 {
--tw-translate-x: -75%
}
.-translate-x-full {
--tw-translate-x: -100%
}
.translate-y-0 {
--tw-translate-y: 0px
}
.translate-y-1 {
--tw-translate-y: 0.25rem
}
.translate-y-2 {
--tw-translate-y: 0.5rem
}
.translate-y-3 {
--tw-translate-y: 0.75rem
}
.translate-y-4 {
--tw-translate-y: 1rem
}
.translate-y-5 {
--tw-translate-y: 1.25rem
}
.translate-y-6 {
--tw-translate-y: 1.5rem
}
.translate-y-7 {
--tw-translate-y: 1.75rem
}
.translate-y-8 {
--tw-translate-y: 2rem
}
.translate-y-9 {
--tw-translate-y: 2.25rem
}
.translate-y-10 {
--tw-translate-y: 2.5rem
}
.translate-y-11 {
--tw-translate-y: 2.75rem
}
.translate-y-12 {
--tw-translate-y: 3rem
}
.translate-y-14 {
--tw-translate-y: 3.5rem
}
.translate-y-15 {
--tw-translate-y: 3.75rem
}
.translate-y-16 {
--tw-translate-y: 4rem
}
.translate-y-18 {
--tw-translate-y: 4.5rem
}
.translate-y-20 {
--tw-translate-y: 5rem
}
.translate-y-22 {
--tw-translate-y: 5.5rem
}
.translate-y-24 {
--tw-translate-y: 6rem
}
.translate-y-26 {
--tw-translate-y: 6.5rem
}
.translate-y-28 {
--tw-translate-y: 7rem
}
.translate-y-30 {
--tw-translate-y: 7.5rem
}
.translate-y-32 {
--tw-translate-y: 8rem
}
.translate-y-36 {
--tw-translate-y: 9rem
}
.translate-y-40 {
--tw-translate-y: 10rem
}
.translate-y-44 {
--tw-translate-y: 11rem
}
.translate-y-48 {
--tw-translate-y: 12rem
}
.translate-y-52 {
--tw-translate-y: 13rem
}
.translate-y-56 {
--tw-translate-y: 14rem
}
.translate-y-60 {
--tw-translate-y: 15rem
}
.translate-y-64 {
--tw-translate-y: 16rem
}
.translate-y-72 {
--tw-translate-y: 18rem
}
.translate-y-80 {
--tw-translate-y: 20rem
}
.translate-y-96 {
--tw-translate-y: 24rem
}
.translate-y-px {
--tw-translate-y: 1px
}
.translate-y-0\.5 {
--tw-translate-y: 0.125rem
}
.translate-y-1\.5 {
--tw-translate-y: 0.375rem
}
.translate-y-2\.5 {
--tw-translate-y: 0.625rem
}
.translate-y-3\.5 {
--tw-translate-y: 0.875rem
}
.-translate-y-0 {
--tw-translate-y: 0px
}
.-translate-y-1 {
--tw-translate-y: -0.25rem
}
.-translate-y-2 {
--tw-translate-y: -0.5rem
}
.-translate-y-3 {
--tw-translate-y: -0.75rem
}
.-translate-y-4 {
--tw-translate-y: -1rem
}
.-translate-y-5 {
--tw-translate-y: -1.25rem
}
.-translate-y-6 {
--tw-translate-y: -1.5rem
}
.-translate-y-7 {
--tw-translate-y: -1.75rem
}
.-translate-y-8 {
--tw-translate-y: -2rem
}
.-translate-y-9 {
--tw-translate-y: -2.25rem
}
.-translate-y-10 {
--tw-translate-y: -2.5rem
}
.-translate-y-11 {
--tw-translate-y: -2.75rem
}
.-translate-y-12 {
--tw-translate-y: -3rem
}
.-translate-y-14 {
--tw-translate-y: -3.5rem
}
.-translate-y-15 {
--tw-translate-y: -3.75rem
}
.-translate-y-16 {
--tw-translate-y: -4rem
}
.-translate-y-18 {
--tw-translate-y: -4.5rem
}
.-translate-y-20 {
--tw-translate-y: -5rem
}
.-translate-y-22 {
--tw-translate-y: -5.5rem
}
.-translate-y-24 {
--tw-translate-y: -6rem
}
.-translate-y-26 {
--tw-translate-y: -6.5rem
}
.-translate-y-28 {
--tw-translate-y: -7rem
}
.-translate-y-30 {
--tw-translate-y: -7.5rem
}
.-translate-y-32 {
--tw-translate-y: -8rem
}
.-translate-y-36 {
--tw-translate-y: -9rem
}
.-translate-y-40 {
--tw-translate-y: -10rem
}
.-translate-y-44 {
--tw-translate-y: -11rem
}
.-translate-y-48 {
--tw-translate-y: -12rem
}
.-translate-y-52 {
--tw-translate-y: -13rem
}
.-translate-y-56 {
--tw-translate-y: -14rem
}
.-translate-y-60 {
--tw-translate-y: -15rem
}
.-translate-y-64 {
--tw-translate-y: -16rem
}
.-translate-y-72 {
--tw-translate-y: -18rem
}
.-translate-y-80 {
--tw-translate-y: -20rem
}
.-translate-y-96 {
--tw-translate-y: -24rem
}
.-translate-y-px {
--tw-translate-y: -1px
}
.-translate-y-0\.5 {
--tw-translate-y: -0.125rem
}
.-translate-y-1\.5 {
--tw-translate-y: -0.375rem
}
.-translate-y-2\.5 {
--tw-translate-y: -0.625rem
}
.-translate-y-3\.5 {
--tw-translate-y: -0.875rem
}
.translate-y-1\/2 {
--tw-translate-y: 50%
}
.translate-y-1\/3 {
--tw-translate-y: 33.333333%
}
.translate-y-2\/3 {
--tw-translate-y: 66.666667%
}
.translate-y-1\/4 {
--tw-translate-y: 25%
}
.translate-y-2\/4 {
--tw-translate-y: 50%
}
.translate-y-3\/4 {
--tw-translate-y: 75%
}
.translate-y-full {
--tw-translate-y: 100%
}
.-translate-y-1\/2 {
--tw-translate-y: -50%
}
.-translate-y-1\/3 {
--tw-translate-y: -33.333333%
}
.-translate-y-2\/3 {
--tw-translate-y: -66.666667%
}
.-translate-y-1\/4 {
--tw-translate-y: -25%
}
.-translate-y-2\/4 {
--tw-translate-y: -50%
}
.-translate-y-3\/4 {
--tw-translate-y: -75%
}
.-translate-y-full {
--tw-translate-y: -100%
}
.leading-3 {
line-height: .75rem
}
.leading-4 {
line-height: 1rem
}
.leading-5 {
line-height: 1.25rem
}
.leading-6 {
line-height: 1.5rem
}
.leading-7 {
line-height: 1.75rem
}
.leading-8 {
line-height: 2rem
}
.leading-9 {
line-height: 2.25rem
}
.leading-10 {
line-height: 2.5rem
}
.leading-none {
line-height: 1
}
.leading-tight {
line-height: 1.25
}
.leading-snug {
line-height: 1.375
}
.leading-normal {
line-height: 1.5
}
.leading-relaxed {
line-height: 1.625
}
.leading-loose {
line-height: 2
}
.whitespace-normal {
white-space: normal
}
.whitespace-nowrap {
white-space: nowrap
}
.whitespace-pre {
white-space: pre
}
.whitespace-pre-line {
white-space: pre-line
}
.whitespace-pre-wrap {
white-space: pre-wrap
}
.rounded-none {
border-radius: 0
}
.rounded-sm {
border-radius: .125rem
}
.rounded {
border-radius: .25rem
}
.rounded-md {
border-radius: .375rem
}
.rounded-lg {
border-radius: .5rem
}
.rounded-xl {
border-radius: .75rem
}
.rounded-2xl {
border-radius: 1rem
}
.rounded-3xl {
border-radius: 1.5rem
}
.rounded-full {
border-radius: 9999px
}
.rounded-t-none {
border-top-right-radius: 0;
border-top-left-radius: 0
}
.rounded-r-none {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.rounded-b-none {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.rounded-l-none {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.rounded-t-sm {
border-top-left-radius: .125rem
}
.rounded-r-sm,
.rounded-t-sm {
border-top-right-radius: .125rem
}
.rounded-b-sm,
.rounded-r-sm {
border-bottom-right-radius: .125rem
}
.rounded-b-sm,
.rounded-l-sm {
border-bottom-left-radius: .125rem
}
.rounded-l-sm {
border-top-left-radius: .125rem
}
.rounded-t {
border-top-left-radius: .25rem
}
.rounded-r,
.rounded-t {
border-top-right-radius: .25rem
}
.rounded-b,
.rounded-r {
border-bottom-right-radius: .25rem
}
.rounded-b,
.rounded-l {
border-bottom-left-radius: .25rem
}
.rounded-l {
border-top-left-radius: .25rem
}
.rounded-t-md {
border-top-left-radius: .375rem
}
.rounded-r-md,
.rounded-t-md {
border-top-right-radius: .375rem
}
.rounded-b-md,
.rounded-r-md {
border-bottom-right-radius: .375rem
}
.rounded-b-md,
.rounded-l-md {
border-bottom-left-radius: .375rem
}
.rounded-l-md {
border-top-left-radius: .375rem
}
.rounded-t-lg {
border-top-left-radius: .5rem
}
.rounded-r-lg,
.rounded-t-lg {
border-top-right-radius: .5rem
}
.rounded-b-lg,
.rounded-r-lg {
border-bottom-right-radius: .5rem
}
.rounded-b-lg,
.rounded-l-lg {
border-bottom-left-radius: .5rem
}
.rounded-l-lg {
border-top-left-radius: .5rem
}
.rounded-t-xl {
border-top-left-radius: .75rem
}
.rounded-r-xl,
.rounded-t-xl {
border-top-right-radius: .75rem
}
.rounded-b-xl,
.rounded-r-xl {
border-bottom-right-radius: .75rem
}
.rounded-b-xl,
.rounded-l-xl {
border-bottom-left-radius: .75rem
}
.rounded-l-xl {
border-top-left-radius: .75rem
}
.rounded-t-2xl {
border-top-right-radius: 1rem;
border-top-left-radius: 1rem
}
.rounded-r-2xl {
border-top-right-radius: 1rem
}
.rounded-b-2xl,
.rounded-r-2xl {
border-bottom-right-radius: 1rem
}
.rounded-b-2xl,
.rounded-l-2xl {
border-bottom-left-radius: 1rem
}
.rounded-l-2xl {
border-top-left-radius: 1rem
}
.rounded-t-3xl {
border-top-left-radius: 1.5rem
}
.rounded-r-3xl,
.rounded-t-3xl {
border-top-right-radius: 1.5rem
}
.rounded-b-3xl,
.rounded-r-3xl {
border-bottom-right-radius: 1.5rem
}
.rounded-b-3xl,
.rounded-l-3xl {
border-bottom-left-radius: 1.5rem
}
.rounded-l-3xl {
border-top-left-radius: 1.5rem
}
.rounded-t-full {
border-top-right-radius: 9999px;
border-top-left-radius: 9999px
}
.rounded-r-full {
border-top-right-radius: 9999px
}
.rounded-b-full,
.rounded-r-full {
border-bottom-right-radius: 9999px
}
.rounded-b-full,
.rounded-l-full {
border-bottom-left-radius: 9999px
}
.rounded-l-full {
border-top-left-radius: 9999px
}
.rounded-tl-none {
border-top-left-radius: 0
}
.rounded-tr-none {
border-top-right-radius: 0
}
.rounded-br-none {
border-bottom-right-radius: 0
}
.rounded-bl-none {
border-bottom-left-radius: 0
}
.rounded-tl-sm {
border-top-left-radius: .125rem
}
.rounded-tr-sm {
border-top-right-radius: .125rem
}
.rounded-br-sm {
border-bottom-right-radius: .125rem
}
.rounded-bl-sm {
border-bottom-left-radius: .125rem
}
.rounded-tl {
border-top-left-radius: .25rem
}
.rounded-tr {
border-top-right-radius: .25rem
}
.rounded-br {
border-bottom-right-radius: .25rem
}
.rounded-bl {
border-bottom-left-radius: .25rem
}
.rounded-tl-md {
border-top-left-radius: .375rem
}
.rounded-tr-md {
border-top-right-radius: .375rem
}
.rounded-br-md {
border-bottom-right-radius: .375rem
}
.rounded-bl-md {
border-bottom-left-radius: .375rem
}
.rounded-tl-lg {
border-top-left-radius: .5rem
}
.rounded-tr-lg {
border-top-right-radius: .5rem
}
.rounded-br-lg {
border-bottom-right-radius: .5rem
}
.rounded-bl-lg {
border-bottom-left-radius: .5rem
}
.rounded-tl-xl {
border-top-left-radius: .75rem
}
.rounded-tr-xl {
border-top-right-radius: .75rem
}
.rounded-br-xl {
border-bottom-right-radius: .75rem
}
.rounded-bl-xl {
border-bottom-left-radius: .75rem
}
.rounded-tl-2xl {
border-top-left-radius: 1rem
}
.rounded-tr-2xl {
border-top-right-radius: 1rem
}
.rounded-br-2xl {
border-bottom-right-radius: 1rem
}
.rounded-bl-2xl {
border-bottom-left-radius: 1rem
}
.rounded-tl-3xl {
border-top-left-radius: 1.5rem
}
.rounded-tr-3xl {
border-top-right-radius: 1.5rem
}
.rounded-br-3xl {
border-bottom-right-radius: 1.5rem
}
.rounded-bl-3xl {
border-bottom-left-radius: 1.5rem
}
.rounded-tl-full {
border-top-left-radius: 9999px
}
.rounded-tr-full {
border-top-right-radius: 9999px
}
.rounded-br-full {
border-bottom-right-radius: 9999px
}
.rounded-bl-full {
border-bottom-left-radius: 9999px
}
.inset-0 {
top: 0;
right: 0;
bottom: 0;
left: 0
}
.inset-50 {
top: 50%;
right: 50%;
bottom: 50%;
left: 50%
}
.inset-100 {
top: 100%;
right: 100%;
bottom: 100%;
left: 100%
}
.inset-y-0 {
top: 0;
bottom: 0
}
.inset-x-0 {
right: 0;
left: 0
}
.inset-y-50 {
top: 50%;
bottom: 50%
}
.inset-x-50 {
right: 50%;
left: 50%
}
.inset-y-100 {
top: 100%;
bottom: 100%
}
.inset-x-100 {
right: 100%;
left: 100%
}
.top-0 {
top: 0
}
.right-0 {
right: 0
}
.bottom-0 {
bottom: 0
}
.left-0 {
left: 0
}
.top-50 {
top: 50%
}
.right-50 {
right: 50%
}
.bottom-50 {
bottom: 50%
}
.left-50 {
left: 50%
}
.top-100 {
top: 100%
}
.right-100 {
right: 100%
}
.bottom-100 {
bottom: 100%
}
.left-100 {
left: 100%
}
.start-item {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.center-item,
.start-item {
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center
}
.center-item {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.end-item {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: flex-end
}
.translate-50 {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.translate-x-50 {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.translate-y-50 {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.translate-x-100 {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%)
}
.translate-y-100 {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
.translate-0 {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0)
}
.transition {
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
transition: all .3s ease-in-out
}
.transition-opacity {
-webkit-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
.transition-cubic {
-webkit-transition: all .8s cubic-bezier(.68, -.55, .265, 1.55);
-o-transition: all .8s cubic-bezier(.68, -.55, .265, 1.55);
transition: all .8s cubic-bezier(.68, -.55, .265, 1.55)
}
.transition-transform {
-webkit-transition: -webkit-transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.shopping-cart-toggle {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: static;
align-items: center;
justify-content: center
}
@media (min-width:1024.1px) {
.shopping-cart-toggle {
position: relative
}
}
.shopping-cart-toggle .ModuleContent {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center
}
.shopping-cart-toggle .cart-header,
.shopping-cart-toggle .ModuleContent {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.shopping-cart-toggle .cart-icon {
position: relative;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' fill='%23e52322' stroke='%23fff' stroke-linejoin='round' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49A1.003 1.003 0 0020 4H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
width: 20px;
height: 20px
}
.shopping-cart-toggle .cart-icon:before {
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
display: block;
position: absolute;
bottom: -3px;
left: -20px;
z-index: 10;
transition: all .3s ease-in-out;
width: 2px;
height: 26px;
pointer-events: none;
content: ""
}
@media screen and (max-width:1024px) {
.shopping-cart-toggle .cart-icon:before {
display: none
}
}
.shopping-cart-toggle .cart-number {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
margin-left: .25rem;
border-radius: 9999px;
padding: .25rem;
color: #333;
font-size: .75rem
}
.shopping-cart-toggle .cart-number .item-quantity {
display: block;
height: .75rem;
color: #333;
font-size: .75rem
}
.shopping-cart-toggle .cart-number .item-quantity * {
color: #333;
font-size: .75rem
}
@media screen and (max-width:1024px) {
.shopping-cart-toggle .cart-number .item-quantity .text {
display: none
}
}
.shopping-cart-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 100%;
right: 0;
flex-direction: column;
align-items: center;
justify-content: space-between;
opacity: 0;
z-index: 0;
z-index: 50;
transition: all .3s ease-in-out;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05);
background-color: #fff;
padding: 1.25rem;
width: 370px;
pointer-events: none
}
@media screen and (max-width:576px) {
.shopping-cart-wrapper {
width: 320px
}
}
.shopping-cart-wrapper:hover {
cursor: pointer
}
.shopping-cart-wrapper.open {
opacity: 1;
z-index: 50;
pointer-events: auto
}
.shopping-cart-wrapper .head {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: space-between;
border-bottom: 3px solid #ebebeb;
padding-bottom: .75rem;
width: 100%
}
.shopping-cart-wrapper .cart-quantity,
.shopping-cart-wrapper .head {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.shopping-cart-wrapper .cart-quantity .cart-icon-dark {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='-35 0 512 512.001' xmlns='http://www.w3.org/2000/svg' fill='%23333' width='20' height='20'%3E%3Cpath d='M443.055 495.172L404.14 124.598c-.817-7.758-7.356-13.649-15.157-13.649h-73.14V94.273C315.844 42.293 273.55 0 221.57 0c-51.984 0-94.277 42.293-94.277 94.273v16.676h-73.14c-7.801 0-14.34 5.89-15.157 13.649L.082 495.172a15.263 15.263 0 003.832 11.789A15.25 15.25 0 0015.238 512h412.657c4.32 0 8.437-1.832 11.324-5.04a15.236 15.236 0 003.836-11.788zM157.77 94.273c0-35.175 28.62-63.796 63.8-63.796 35.176 0 63.797 28.62 63.797 63.796v16.676H157.77zM32.16 481.523l35.715-340.097h59.418v33.582c0 8.414 6.824 15.238 15.238 15.238s15.239-6.824 15.239-15.238v-33.582h127.597v33.582c0 8.414 6.824 15.238 15.238 15.238 8.415 0 15.239-6.824 15.239-15.238v-33.582h59.418l35.715 340.097zm0 0'/%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
width: 20px;
height: 20px
}
.shopping-cart-wrapper .body {
padding-top: 1.5rem;
padding-bottom: 2rem;
width: 100%
}
.shopping-cart-wrapper .body .scroll-wrapper {
scrollbar-width: thin;
scrollbar-color: red #ccc;
padding-right: 15px;
height: 330px;
overflow-y: auto;
line-height: 1.625;
text-align: justify
}
.shopping-cart-wrapper .body .scroll-wrapper::-webkit-scrollbar {
background: #ccc;
width: 3px
}
.shopping-cart-wrapper .body .scroll-wrapper::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #ccc;
background-color: #ccc
}
.shopping-cart-wrapper .body .scroll-wrapper::-webkit-scrollbar-thumb {
background-color: red
}
@media screen and (max-width:1024px) {
.shopping-cart-wrapper .body .scroll-wrapper {
height: 330px
}
}
.shopping-cart-wrapper .btn-center {
width: 100%
}
.shopping-cart-wrapper .btn-center .btn {
background-color: #fd0002;
width: 100%
}
.shopping-cart-wrapper .btn-center .btn em {
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
display: inline-block;
transition: all .3s ease-in-out;
margin-left: 1rem;
height: 21px;
color: #fff;
font-size: 20px
}
.shopping-cart-wrapper .btn-center .btn:hover span {
color: #fff
}
.shopping-cart-wrapper .btn-center .btn:hover em {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px)
}
.shopping-cart-wrapper .cart-item {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #ebebeb;
background-color: #fff;
padding-top: .5rem;
padding-bottom: .5rem;
height: 110px
}
.shopping-cart-wrapper .cart-item:first-child {
padding-top: 0
}
.shopping-cart-wrapper .cart-item * {
margin-bottom: 0
}
.shopping-cart-wrapper .cart-item .image a {
display: block;
width: 85px
}
.shopping-cart-wrapper .cart-item .image a img {
-o-object-fit: scale-down;
width: 100%;
height: 100%;
object-fit: scale-down
}
.shopping-cart-wrapper .cart-item .caption {
padding-left: .5rem
}
.shopping-cart-wrapper .cart-item .caption .bottom {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: .75rem
}
.shopping-cart-wrapper .cart-item .caption .title {
margin-bottom: 0
}
.shopping-cart-wrapper .cart-item .caption .title a {
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
transition: all .3s ease-in-out;
margin-bottom: 0;
overflow: hidden;
color: #333;
font-size: 1rem;
font-weight: 500;
line-height: 1.25
}
.shopping-cart-wrapper .cart-item .caption .title a:hover {
color: #fd0002
}
.shopping-cart-wrapper .cart-item .caption .price {
margin-bottom: 0;
color: #333;
font-size: .875rem;
font-weight: 700
}
.shopping-cart-wrapper .cart-item .caption .quantity,
.shopping-cart-wrapper .cart-item .caption .quantity .number {
color: #999;
font-size: .875rem;
font-weight: 500
}
.shopping-cart-wrapper .sum-price p {
margin-bottom: 0;
color: #333;
font-size: 1rem;
font-weight: 500
}
.shopping-cart-wrapper .sum-price p span {
color: #fd0002
}
.wrap-form {
position: relative
}
.wrap-form .row {
-webkit-box-shadow: none !important;
box-shadow: none !important
}
.wrap-form .fa-exclamation-triangle {
position: absolute;
bottom: -20px;
left: 0;
opacity: 1;
color: #f30000;
font-size: .75rem;
font-style: italic;
font-weight: 300
}
.wrap-form .col {
position: relative;
margin-bottom: 1rem
}
.wrap-form .col:last-child {
margin-bottom: 1.5rem
}
.wrap-form .form-group {
position: relative;
margin-bottom: 20px !important
}
.wrap-form .form-group input[type=text],
.wrap-form .form-group select,
.wrap-form .form-group textarea {
background: #f5f5f5;
padding-right: 1.25rem;
padding-left: 1.25rem;
height: 40px;
color: #999;
font-size: 1rem
}
@media screen and (max-width:1024px) {
.wrap-form .form-group input[type=text],
.wrap-form .form-group select,
.wrap-form .form-group textarea {
height: 50px
}
}
.wrap-form .form-group input[type=text]::-webkit-input-placeholder,
.wrap-form .form-group select::-webkit-input-placeholder,
.wrap-form .form-group textarea::-webkit-input-placeholder {
color: #999;
font-size: .9375rem
}
.wrap-form .form-group input[type=text]::-moz-placeholder,
.wrap-form .form-group select::-moz-placeholder,
.wrap-form .form-group textarea::-moz-placeholder {
color: #999;
font-size: .9375rem
}
.wrap-form .form-group input[type=text]:-ms-input-placeholder,
.wrap-form .form-group select:-ms-input-placeholder,
.wrap-form .form-group textarea:-ms-input-placeholder {
color: #999;
font-size: .9375rem
}
.wrap-form .form-group input[type=text]::-ms-input-placeholder,
.wrap-form .form-group select::-ms-input-placeholder,
.wrap-form .form-group textarea::-ms-input-placeholder {
color: #999;
font-size: .9375rem
}
.wrap-form .form-group input[type=text]::placeholder,
.wrap-form .form-group select::placeholder,
.wrap-form .form-group textarea::placeholder {
color: #999;
font-size: .9375rem
}
.wrap-form .form-group select option {
color: #999;
font-size: 1rem
}
.wrap-form .form-group.form-select {
position: relative;
overflow: hidden
}
.wrap-form .form-group.form-select:before {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
display: block;
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
z-index: 1;
pointer-events: none;
color: #111;
font-family: Material Design Icons;
font-size: 16px;
content: "\F0140"
}
.wrap-form .form-group.form-select select {
-webkit-box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
box-sizing: border-box
}
.wrap-form .form-group.form-select select::-ms-expand {
display: none
}
.wrap-form .form-group textarea {
padding: 1rem;
height: 7rem
}
@media (min-width:1024.1px) {
.wrap-form .form-group textarea {
height: 120px
}
}
.wrap-form .frm-btnwrap {
position: absolute;
top: 100%;
right: 0;
margin-top: 0;
margin-bottom: 0
}
.wrap-form .frm-btnwrap .frm-btn input[type=submit] {
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
transition: all .3s ease-in-out;
border: 1px solid #111;
border-radius: 20px;
background-color: #111;
width: 190px;
height: 50px;
color: #fff;
font-size: 1rem
}
@media screen and (max-width:1024px) {
.wrap-form .frm-btnwrap .frm-btn input[type=submit] {
height: 40px
}
}
.wrap-form .frm-btnwrap .frm-btn input[type=submit]:hover {
background-color: #fff;
color: #111
}
.frm-btn-reset {
display: none
}
.frm-captcha {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
flex-direction: row-reverse;
margin: 40px 0 0 !important
}
.frm-captcha img {
max-width: auto;
max-width: 150px;
height: 44px !important
}
@media screen and (max-width:1200px) {
.frm-captcha img {
max-width: 150px
}
}
@media screen and (max-width:576px) {
.frm-captcha {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
.frm-captcha .frm-captcha-input {
margin-top: 0;
margin-left: 50px
}
@media screen and (max-width:576px) {
.frm-captcha .frm-captcha-input {
margin-top: 1rem;
margin-left: 0
}
}
.frm-captcha .frm-captcha-input label {
display: none
}
.frm-captcha .frm-captcha-input input {
margin-top: 0;
padding: 0 10px;
height: 30px
}
@media screen and (max-width:1280px) {
.frm-captcha .frm-captcha-input input {
max-width: 200px
}
}
@media screen and (max-width:1200px) {
.frm-captcha .frm-captcha-input input {
max-width: 150px
}
}
@media screen and (max-width:1024px) {
.frm-captcha .frm-captcha-input input {
max-width: 200px
}
}
@media (max-width:767.98px) {
.frm-captcha .frm-captcha-input input {
margin-left: 20px
}
}
@media (max-width:576.98px) {
.frm-captcha .frm-captcha-input input {
margin-left: 0
}
}
.frm-captcha .rcRefreshImage {
position: absolute;
top: 5px;
right: -5px;
opacity: 1;
z-index: 0;
cursor: pointer;
width: 0;
height: 0;
color: #fff;
font-size: 0
}
.frm-captcha .rcRefreshImage:before {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: start;
-ms-flex-align: start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 0;
right: -40px;
align-items: flex-start;
justify-content: center;
opacity: 1;
z-index: 99;
color: #9d9080;
font-family: Material Design Icons;
font-size: 30px;
content: "\F0450"
}
@media screen and (max-width:576px) {
.frm-captcha .rcRefreshImage:before {
height: 50px
}
}
@media screen and (max-width:500px) {
#ctl00_mainContent_ctl05_captcha_ctl00 {
display: none
}
}
#ctl00_mainContent_ctl02_captcha_ctl01 {
position: relative
}
#ctl00_mainContent_ctl05_captcha_ctl00,
#ctl00_mainContent_ctl06_btnReset,
#ctl00_mainContent_ctl07_captcha_ctl00,
#ctl00_mainContent_ctl08_captcha_ctl00 {
display: none
}
#ctl00_mainContent_ctl06_txtCaptcha {
margin-left: 10px
}
#ctl00_mainContent_ctl06_captcha_CaptchaLinkButton #text {
display: none
}
.RadCaptcha {
position: relative
}
@media screen and (max-width:767.5px) {
.RadCaptcha {
margin-left: 0
}
}
.RadCaptcha span {
display: none
}
.RadCaptcha #ctl00_mainContent_ctl04_captcha_ctl00 {
display: block !important;
position: absolute;
top: 100%;
left: 0;
color: #fd0002;
font-size: .75rem
}
.RadCaptcha>div>div {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
flex-direction: column-reverse;
margin-top: 0;
height: 40px !important
}
@media (max-width:767.98px) {
.RadCaptcha>div>div {
margin-right: 0;
width: 180px
}
}
.language-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
z-index: 121;
margin-left: 2rem;
padding: 0;
overflow: hidden
}
@media screen and (max-width:1280px) {
.language-wrapper {
margin-right: .75rem
}
}
@media screen and (max-width:1024px) {
.language-wrapper {
margin-right: 2rem;
margin-left: 0;
padding: 0
}
}
.language-wrapper:hover {
overflow: visible
}
.language-wrapper:hover .language-list {
opacity: 1;
pointer-events: auto
}
.language-wrapper:hover .current-language a .icon-svg {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg)
}
.language-wrapper .current-language {
position: relative;
z-index: 40
}
.language-wrapper .current-language a {
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center
}
.language-wrapper .current-language a span {
margin-right: .25rem;
color: #666;
font-size: 1rem;
font-weight: 500;
text-transform: uppercase
}
@media screen and (min-width:1024.1px) and (max-width:1280px) {
.language-wrapper .current-language a span {
font-size: .875rem
}
}
@media screen and (max-width:1024px) {
.language-wrapper .current-language a span {
color: #333;
font-size: 1.25rem
}
}
.language-wrapper .icon-svg {
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
transition: all .3s ease-in-out
}
@media screen and (max-width:1024.1px) {
.language-wrapper .icon-svg {
margin-left: .5rem
}
}
.language-wrapper .language-list {
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
position: absolute;
top: 100%;
opacity: 0;
transition: all .3s ease-in-out;
margin: 0;
background-color: #fff;
padding: .25rem 1rem;
pointer-events: none
}
@media (min-width:1024.1px) {
.language-wrapper .language-list {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: 50%;
transform: translateX(-50%)
}
}
@media screen and (max-width:1024px) {
.language-wrapper .language-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
left: 0;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 1rem;
padding: 0 1rem
}
}
.language-wrapper .language-list li {
display: inline-block
}
@media screen and (max-width:1024.1px) {
.language-wrapper .language-list li {
margin-bottom: .5rem
}
}
.language-wrapper .language-list li a {
font-size: .75rem;
font-weight: 700;
text-transform: uppercase;
white-space: nowrap
}
.language-wrapper .language-list li a:hover {
text-decoration: underline
}
@media screen and (max-width:1024.1px) {
.language-wrapper .language-list li a {
font-size: 1.25rem
}
}
.flex-wrap {
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center
}
.login-page .login-panel {
margin: 60px 0;
border-radius: 5px;
background: #fff
}
.login-page .login-panel .sitelogo {
margin-bottom: 40px;
width: 100%;
text-align: center
}
.login-page .login-panel img {
height: 80px
}
.login-page .login-panel .headtitle {
margin-bottom: 30px;
font-size: 30px;
text-align: center;
text-transform: uppercase
}
.login-page .login-panel .headtitle:after {
margin: 10px auto;
content: ""
}
@media (max-width:1199px) {
.login-page .login-panel {
margin: 60px 0
}
}
@media (max-width:543px) {
.login-page .sitelogo {
margin-bottom: 30px
}
}
.login-form {
margin: 0 auto;
width: 100%
}
.login-form .fa-exclamation-triangle {
position: absolute;
top: 100%;
left: 0;
padding-top: .25rem;
color: #fd0002;
font-size: .75rem
}
.login-form .panel-heading {
display: none
}
.login-form .title {
margin-bottom: 30px;
border-left: 3px solid #8c0000;
padding-left: 10px;
font-size: 1.5rem;
font-weight: 500;
text-transform: uppercase
}
.login-form .module-title {
margin-bottom: 20px;
color: #666;
font-size: .875rem
}
.login-form a {
color: #8c0000
}
.login-form .form-group {
position: relative;
margin-bottom: 20px
}
.login-form .form-group label {
display: block;
position: absolute;
top: 0;
left: 0;
border-right: 1px solid #e6e6e6;
width: 50px;
height: 40px;
color: #999;
color: #333;
font-size: 0;
font-size: .875rem;
line-height: 40px;
text-align: center;
text-transform: uppercase
}
.login-form .form-group label .fa {
font-size: 1.125rem;
line-height: 40px
}
.login-form input {
-webkit-transition: all, .5s;
-o-transition: all, .5s;
transition: all, .5s;
border: 1px solid #d9d9d9;
border-radius: 0;
padding: 10px 30px 10px 60px;
width: 350px;
font-size: .875rem
}
.login-form input::-webkit-input-placeholder {
font-size: 15px
}
.login-form input::-moz-placeholder {
font-size: 15px
}
.login-form input:-ms-input-placeholder {
font-size: 15px
}
.login-form input::-ms-input-placeholder {
font-size: 15px
}
.login-form input::placeholder {
font-size: 15px
}
.login-form input:active,
.login-form input:focus,
.login-form input:hover {
border-color: #999
}
@media screen and (max-width:400px) {
.login-form input {
width: 300px
}
}
.login-form a {
display: inline-block;
margin-right: 15px;
padding: 10px 0;
color: #000
}
.login-form a:hover {
color: #8c0000
}
.login-form .forget {
margin-bottom: 30px;
color: #999;
font-size: .875rem
}
.login-form .forget input[type=checkbox] {
position: relative;
opacity: 0
}
.login-form .forget input[type=checkbox]:checked~label:before {
content: "\F0132"
}
.login-form .forget label {
position: relative;
padding-left: 30px;
width: auto;
height: auto;
font-size: .875rem;
font-weight: 300;
line-height: 1.5;
text-align: left;
text-transform: none
}
.login-form .forget label,
.login-form .forget label:before {
-webkit-transition: all, .5s;
-o-transition: all, .5s;
transition: all, .5s;
color: #333
}
.login-form .forget label:before {
display: block;
position: absolute;
top: 2px;
left: 1px;
font-family: Material Design Icons;
font-size: 20px;
font-size: 16px;
line-height: 14px;
content: "\F0131"
}
.login-form .forget label:hover {
color: #333
}
.login-form .btn-login {
display: block;
position: relative;
margin: 0 auto;
border-radius: 5px;
background: #8c0000;
width: 100%;
overflow: hidden;
color: #fff;
text-align: center
}
.login-form .btn-login:hover:after {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px)
}
.login-form .btn-login:before {
background: #c61017
}
.login-form .btn-login:after {
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
position: absolute;
top: 12px;
right: 15px;
transition: all .3s ease-in-out;
font: normal normal normal 24px/1 Material Design Icons;
content: "\F0142"
}
.login-form input[type=reset] {
display: none
}
.login-form input[type=submit] {
cursor: pointer;
border: none;
background: #171e26 !important;
padding: 15px 60px;
width: 100%;
color: #fff !important;
font-size: 1rem;
line-height: 100%;
text-transform: uppercase
}
.login-form .go-signup {
margin-top: 15px;
text-align: center
}
.login-form .go-signup a {
display: block;
clear: both;
color: #8c0000
}
.login-form .go-signup a:hover {
color: #000
}
@media (max-width:543px) {
.login-form .btn-login {
width: 100%
}
}
.login-bg {
position: relative;
border-radius: 5px;
padding: 50px;
width: 60%;
overflow: hidden
}
.login-bg .login-img,
.login-bg .login-img .login-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.login-bg .login-img .login-overlay {
display: block;
opacity: .5;
z-index: 1;
background: #000
}
.login-bg img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
width: auto;
max-width: unset;
height: 100%
}
.login-bg .login-des {
position: relative;
z-index: 1;
color: #fff
}
.login-bg .login-des .title {
margin-bottom: 20px;
font-size: 2.875rem;
font-weight: 300
}
.login-bg .login-des .module-title {
opacity: .9;
font-size: 1.625rem;
font-weight: 200
}
.login-bg .login-des .des {
margin-top: 180px;
font-size: 1.25rem
}
.login-bg .login-des .des span {
display: inline-block;
opacity: .8;
margin-right: 10px;
font-weight: 200
}
.login-bg .login-des .des a {
display: inline-block;
opacity: 1;
color: #fff;
font-size: 2rem;
font-weight: 300
}
.login-bg .login-des .des a:after {
margin-left: 5px;
font-family: fontawesome;
content: "\f105"
}
.login-bg .login-des .des a:hover {
color: #8c0000
}
@media (max-width:991px) {
.login-bg {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%
}
}
@media (max-width:767px) {
.login-bg {
padding: 30px
}
}
@media (max-width:991px) {
.login-bg .login-img img {
width: 100%;
height: auto
}
}
@media (max-width:767px) {
.login-bg .login-img img {
-webkit-transform: scale3d(1.1, 1.1, 1);
-khtml-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1)
}
}
@media (max-width:543px) {
.login-bg .login-img img {
width: auto;
height: 100%
}
}
@media (max-width:767px) {
.login-bg .login-des .title {
margin-bottom: 10px;
font-size: 2.25rem
}
}
@media (max-width:767px) {
.login-bg .login-des .module-title {
font-size: 1.25rem
}
}
@media (max-width:991px) {
.login-bg .login-des .des {
margin-top: 30px
}
}
@media (max-width:767px) {
.login-bg .login-des .des {
margin-top: 10px
}
}
@media (max-width:543px) {
.login-bg .login-des .des a {
font-size: 1.625rem
}
}
.panel-primary span {
color: #eb0c22;
font-style: italic
}
#ctl00_mainContent_login1_LoginCtrl_lnkPasswordRecovery,
#ctl00_mainContent_login1_LoginCtrl_lnkRegisterExtraLink {
display: none
}
.pop-up-modal {
padding: 0;
width: 100%
}
.fancybox-close-small,
.fancybox-close-small svg {
opacity: 0
}
.profile-modal {
max-width: 1230px !important
}
@media screen and (max-width:1024px) {
.profile-modal {
padding: 40px 15px 30px !important
}
}
.profile-modal .img {
background: hsla(0, 0%, 94.9%, .9490196078431372);
padding-top: 30px
}
@media screen and (max-width:1024px) {
.profile-modal .img {
margin-bottom: 1rem
}
}
@media screen and (max-width:1024px) {
.profile-modal .img a {
display: block;
position: relative;
padding-top: 89.74359%;
height: 0;
overflow: hidden
}
.profile-modal .img a img {
-o-object-fit: contain;
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s ease-in-out all;
position: absolute;
top: 0;
left: 0;
transition: all .3s ease-in-out;
width: 100%;
height: 100%;
object-fit: contain
}
}
@media (min-width:1024.1px) {
.profile-modal .img a {
display: block;
width: auto;
height: 320px
}
.profile-modal .img a img {
-o-object-fit: contain;
width: 100%;
height: 100%;
object-fit: contain
}
}
@media (min-width:1024.1px) {
.profile-modal .text {
padding-left: 2.5rem
}
}
@media (min-width:1280.1px) {
.profile-modal .text {
padding-left: 60px
}
}
.profile-modal .name {
margin-bottom: .25rem;
color: #333;
font-size: 1.5rem;
font-weight: 700
}
.profile-modal .position {
margin-bottom: 1rem;
color: #a0a0a0;
font-size: 1rem;
font-weight: 500
}
@media (min-width:1024.1px) {
.profile-modal .position {
margin-bottom: 1.5rem
}
}
.profile-modal .caption {
border-bottom: 1px solid #cecece;
padding-bottom: 1.5rem
}
@media (min-width:1024.1px) {
.profile-modal .caption {
padding-bottom: 2rem
}
}
.pop-upmodal-wrapper {
overflow: hidden
}
.pop-upmodal-wrapper .row,
.pop-upmodal-wrapper .row .col {
margin: 0;
padding: 0
}
.pop-upmodal-wrapper .container {
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
padding: 0 40px;
height: 100%
}
@media (min-width:1024.1px) {
.pop-upmodal-wrapper .container {
padding: 0 80px
}
}
.pop-upmodal-wrapper .title-modal {
position: relative;
padding-bottom: 1rem;
color: #fff;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.625;
text-align: left;
text-transform: uppercase
}
@media (min-width:1024.1px) {
.pop-upmodal-wrapper .title-modal {
padding-bottom: 1.5rem;
font-size: 2rem
}
}
.pop-upmodal-wrapper .title-modal:after {
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
transition: all .3s ease-in-out;
background-color: #fff;
width: 95px;
height: 2px;
pointer-events: none;
content: ""
}
.pop-upmodal-wrapper .sub-text {
margin-bottom: .5rem;
color: #fff;
font-size: 1.125rem
}
.pop-upmodal-wrapper .scroll-wrapper {
padding-top: 1rem;
color: #fff;
font-size: 1rem
}
@media (min-width:1024.1px) {
.pop-upmodal-wrapper .scroll-wrapper {
padding-top: 1.5rem
}
}
.pop-upmodal-wrapper .scroll-wrapper * {
margin-bottom: 1rem;
color: #fff;
font-size: 1rem
}
@media (min-width:1024.1px) {
.pop-upmodal-wrapper .scroll-wrapper * {
margin-bottom: 1.25rem
}
}
.pop-upmodal-wrapper .btn-left {
padding-top: 1rem
}
@media (min-width:1024.1px) {
.pop-upmodal-wrapper .btn-left {
padding-top: 1.5rem
}
}
.pop-upmodal-wrapper .text-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: start;
-ms-flex-align: start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
height: 100%
}
@media screen and (max-width:1024px) {
.pop-upmodal-wrapper .scroll-wrapper {
height: 250px
}
}
.search-page {
padding: 70px 0
}
.search-page h1 {
margin-bottom: 20px;
color: #333;
font-size: 45px;
font-weight: 500;
letter-spacing: -2px;
line-height: 55px
}
@media (max-width:992px) {
.search-page h1 {
font-size: 24px;
line-height: 30px
}
}
.search-page h1.center {
text-align: center
}
.search-page .btn-reindex {
display: none
}
.search-page .searchcontrols .form-inline {
position: relative
}
.search-page .searchcontrols .form-inline:before {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 0;
right: 10px;
align-items: center;
justify-content: center;
z-index: 1;
width: 44px;
height: 44px;
color: #4285f4;
font-family: Material Design Icons;
font-size: 24px;
content: "\f349"
}
.search-page .searchcontrols .frm-btn {
position: absolute;
top: 0;
right: 10px;
z-index: 2;
background-color: transparent
}
.search-page input[type=text] {
-webkit-box-shadow: 0 0 0 0 transparent;
-webkit-transition: .25s cubic-bezier(.4, 0, .2, 1);
-o-transition: .25s cubic-bezier(.4, 0, .2, 1);
transition: .25s cubic-bezier(.4, 0, .2, 1);
outline: none;
box-shadow: 0 0 0 0 transparent;
border: 1px solid #dfe1e5;
border-radius: 22px;
background-color: #fff;
padding-right: 54px;
padding-left: 20px;
width: 100%;
height: 100%;
height: 44px;
color: #333;
font-size: .875rem;
font-weight: 400
}
.search-page input[type=text]:focus {
-webkit-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
border-color: rgba(223, 225, 229, 0)
}
.search-page input[type=submit] {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-box-shadow: none;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
outline: none;
box-shadow: none;
border: 0;
border-radius: 2px;
border-radius: 50%;
background-color: transparent;
width: 44px;
height: 40px;
height: 44px;
font-size: 0;
user-select: none;
text-align: center
}
.search-page .text-danger {
margin-top: 20px;
color: #333;
font-size: 15px;
font-style: italic;
font-weight: 600
}
.search-page .searchresultsummary {
margin-bottom: 20px
}
.search-page .searchresults {
margin-top: 30px
}
.search-page .searchresults .modulepager:first-child {
display: none
}
.search-page .searchresultlist {
margin-bottom: 30px
}
.search-page .searchresult {
-webkit-box-shadow: 0 1px 6px rgba(32, 33, 36, .28);
margin-bottom: 30px;
box-shadow: 0 1px 6px rgba(32, 33, 36, .28);
border-radius: 8px;
padding: 16px
}
.search-page .searchresult:last-child {
margin-bottom: 0
}
.search-page .searchresult h3 {
margin-bottom: 10px;
font-size: 18px;
font-weight: 400;
line-height: 1.33
}
.search-page .searchresult h3 a {
color: #1a0dab;
font-weight: 500;
text-decoration: none
}
.search-page .searchresult h3 a:hover {
text-decoration: underline
}
.search-page .searchresult .searchresultdesc {
word-wrap: break-word;
margin-bottom: 10px;
color: #545454;
font-size: small;
font-weight: 400;
line-height: 1.54
}
.search-page .searchresult .searchterm {
word-wrap: break-word;
color: #6a6a6a;
font-size: small;
font-style: normal;
font-weight: 700;
line-height: 1.54
}
.search-page .searchresult hr {
display: none !important
}
.search-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center
}
@media screen and (max-width:1024px) {
.search-wrapper {
margin-right: 0
}
}
.searchbox {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
-webkit-transition: all .5s ease-in-out;
-o-transition: .5s all ease-in-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: fixed;
top: 0;
right: 0;
align-items: center;
justify-content: center;
opacity: 0;
transition: all .3s ease-in-out;
transition: all .5s ease-in-out
}
.searchbox,
.searchbox:after {
bottom: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none
}
.searchbox:after {
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
display: block;
position: absolute;
z-index: 10;
transition: all .3s ease-in-out;
background: rgba(51, 51, 51, .6);
content: ""
}
.searchbox .search-wrapper-bg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative
}
.searchbox .search-wrapper-bg:after {
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
-webkit-transition: all .7s ease-in-out;
-o-transition: .7s all ease-in-out;
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
z-index: 50;
transition: all .3s ease-in-out;
transition: all .7s ease-in-out;
background-color: #fff;
width: 0;
height: 2px;
pointer-events: none;
content: ""
}
.searchbox .search-wrapper-bg .close {
position: fixed;
top: 80px;
right: 30px;
opacity: 1;
z-index: 99;
color: #fff;
font-size: 48px
}
.searchbox .svg-magnify {
width: 18px !important;
height: 18px !important
}
.searchbox.open {
top: 0;
opacity: 1;
z-index: 121;
pointer-events: auto
}
@media screen and (max-width:1024px) {
.searchbox.open {
top: 60px
}
}
.searchbox.open .search-wrapper-bg:after {
width: 100%
}
.searchbox input[type=text] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
z-index: 99;
margin: 0 auto;
outline: none;
border: 0;
background: transparent;
padding-right: 60px;
width: 600px;
height: 45px;
color: #fff;
font-size: 20px;
font-weight: 300;
text-align: left
}
@media screen and (max-width:768px) {
.searchbox input[type=text] {
width: 300px
}
}
@media screen and (max-width:576px) {
.searchbox input[type=text] {
padding-left: 0
}
}
.searchbox input[type=text]::-webkit-input-placeholder {
color: #fff;
font-size: 1.125rem;
text-align: left
}
.searchbox input[type=text]::-moz-placeholder {
color: #fff;
font-size: 1.125rem;
text-align: left
}
.searchbox input[type=text]:-ms-input-placeholder {
color: #fff;
font-size: 1.125rem;
text-align: left
}
.searchbox input[type=text]::-ms-input-placeholder {
color: #fff;
font-size: 1.125rem;
text-align: left
}
.searchbox input[type=text]::placeholder {
color: #fff;
font-size: 1.125rem;
text-align: left
}
.searchbox button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 0;
right: 0;
z-index: 99;
color: #fff;
font-size: 20px;
text-align: center
}
@media screen and (min-width:1020px) {
.searchbox button {
font-size: 26px
}
}
@media screen and (max-width:1024px) {
.searchbox button {
top: 15px
}
}
.search-toggle {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
align-items: center;
justify-content: center;
z-index: 421;
transition: all .3s ease-in-out;
cursor: pointer;
border: 1px solid #fff;
border-radius: 9999px;
width: 36px;
height: 36px
}
@media (min-width:1024.1px) {
.search-toggle {
margin-left: 2rem
}
}
@media screen and (min-width:1440px) {
.search-toggle {
margin-left: 60px
}
}
.search-toggle.icon-change {
background-color: #fff
}
@media (min-width:1280.1px) {
.subscribe {
padding-left: 50px
}
}
.subscribe .subscribefrm {
position: relative
}
.subscribe .subscribefrm .fa-exclamation-triangle {
position: absolute;
bottom: -23px;
left: 0;
color: #fd0002;
font-size: 1.125rem;
font-style: italic;
font-weight: 300
}
.subscribe .subscribefrm:after {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
display: block;
position: absolute;
top: 50%;
left: 15px;
transform: translateY(-50%);
z-index: 10;
background-image: url('data:image/svg+xml;charset=utf-8,');
background-repeat: no-repeat;
background-size: contain;
width: 18px;
height: 18px;
pointer-events: none;
content: ""
}
.subscribe .subscribefrm:after,
.subscribe .subscribefrm input {
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
transition: all .3s ease-in-out
}
.subscribe .subscribefrm input {
border-bottom: 1px solid #666;
background: none;
padding-right: 1.25rem;
padding-left: 2.5rem;
width: 100%;
height: 40px;
color: #fff;
font-size: .875rem;
font-weight: 400
}
@media screen and (max-width:767px) {
.subscribe .subscribefrm input {
width: 100%
}
}
@media screen and (max-width:1280px) {
.subscribe .subscribefrm input {
padding-left: 3rem
}
}
.subscribe .subscribefrm input::-webkit-input-placeholder {
color: #f1f1f1;
font-size: .875rem;
font-weight: 300
}
.subscribe .subscribefrm input::-moz-placeholder {
color: #f1f1f1;
font-size: .875rem;
font-weight: 300
}
.subscribe .subscribefrm input:-ms-input-placeholder {
color: #f1f1f1;
font-size: .875rem;
font-weight: 300
}
.subscribe .subscribefrm input::-ms-input-placeholder {
color: #f1f1f1;
font-size: .875rem;
font-weight: 300
}
.subscribe .subscribefrm input::placeholder {
color: #f1f1f1;
font-size: .875rem;
font-weight: 300
}
.subscribe .subscribefrm input:focus {
outline: none
}
.subscribe .subscribefrm button {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
right: 0;
bottom: 0;
align-items: center;
justify-content: center;
transition: all .3s ease-in-out;
border: 1px solid transparent;
width: 150px;
height: 100%;
height: 40px
}
@media screen and (max-width:1280px) {
.subscribe .subscribefrm button {
width: 120px
}
}
@media screen and (max-width:767px) {
.subscribe .subscribefrm button {
right: 1px;
bottom: 1px;
height: 38px
}
}
.subscribe .subscribefrm button:focus {
outline: none
}
.subscribe .subscribefrm button:hover {
background-color: #fff;
color: #000
}
.subscribe .subscribefrm button:hover span {
color: #333
}
.subscribe .subscribefrm button span {
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
display: inline-block;
transition: all .3s ease-in-out;
margin-right: .5rem;
color: #fd0002;
font-size: 1rem;
font-weight: 700
}
@media screen and (max-width:1280px) {
.subscribe .subscribefrm button span {
font-size: .75rem
}
}
.subscribe .subscribefrm button em {
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
margin-right: .5rem;
height: 18px;
color: #fff;
font-size: 18px
}
.about-1 {
padding-top: 4rem;
padding-bottom: 4rem
}
@media screen and (max-width:1024px) {
.about-1 {
padding-bottom: 1rem
}
}
.about-1 .row {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.about-1 .profile-figure .img-src {
background: hsla(0, 0%, 94.9%, .9490196078431372);
padding-top: 30px
}
@media screen and (max-width:1024px) {
.about-1 .profile-figure .img-src a {
display: block;
position: relative;
padding-top: 89.74359%;
height: 0;
overflow: hidden
}
.about-1 .profile-figure .img-src a img {
-o-object-fit: contain;
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s ease-in-out all;
position: absolute;
top: 0;
left: 0;
transition: all .3s ease-in-out;
width: 100%;
height: 100%;
object-fit: contain
}
}
@media (min-width:1024.1px) {
.about-1 .profile-figure .img-src a {
display: block;
width: auto;
height: 320px
}
.about-1 .profile-figure .img-src a img {
-o-object-fit: contain;
width: 100%;
height: 100%;
object-fit: contain
}
}
.about-1 .profile-figure .txt {
padding-top: 1.25rem
}
.about-1 .profile-figure .headline {
display: block;
margin-bottom: .5rem
}
.about-1 .profile-figure .caption {
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-wrap: break-word;
-o-text-overflow: ellipsis;
display: -webkit-box;
position: relative;
visibility: visible;
overflow: hidden;
font-size: 1rem;
font-weight: 600;
text-overflow: ellipsis
}
@supports not (-webkit-line-clamp:3) {
.about-1 .profile-figure .caption {
display: block;
max-height: 4.2rem;
line-height: 1.4
}
}
.about-1 .profile-figure .caption * {
font-size: 1rem;
font-weight: 600
}
.about-1 .profile-figure .position {
margin-bottom: .5rem
}
.about-1 .profile-figure .position,
.about-1 .profile-figure .position * {
color: #a0a0a0;
font-size: 1rem;
font-weight: 500
}
.about-1 .profile-figure .position span {
display: block
}
.about-1 .profile-figure .btn-left {
padding-top: .75rem
}
.about-1 .profile-figure .btn-left .btn-view-more {
padding-right: .75rem
}
.about-1 .profile-figure .btn-left .btn-link {
border-left: 1px solid #cecece;
padding-left: .75rem
}
.about-2 {
background: -o-linear-gradient(267.94deg, hsla(0, 0%, 76.9%, 0) 35.86%, #f4f4f4 107.06%);
background: linear-gradient(182.06deg, hsla(0, 0%, 76.9%, 0) 35.86%, #f4f4f4 107.06%);
padding-top: 3rem;
padding-bottom: 4rem
}
@media (min-width:1024.1px) {
.about-2 {
padding-top: 3rem;
padding-bottom: 5.5rem
}
}
.about-2 .block-title {
margin-bottom: 1rem
}
.about-2 .caption,
.about-2 .caption * {
font-weight: 600
}
@media (min-width:1024.1px) {
.about-2 .img-src a {
display: block;
width: auto;
height: 285px
}
.about-2 .img-src a img {
-o-object-fit: contain;
width: 100%;
height: 100%;
object-fit: contain
}
}
.about-2 .row,
.about-2 .row .col {
margin: 0;
padding: 0
}
.about-2 .row:not(:last-child) {
margin-bottom: 2rem
}
@media (min-width:1024.1px) {
.about-2 .row:not(:last-child) {
margin-bottom: 40px
}
}
@media (min-width:1280.1px) {
.about-2 .row:not(:last-child) {
margin-bottom: 80px
}
}
.about-2 .row:nth-child(odd) .img-src a {
margin-right: -100px
}
.about-2 .row:nth-child(2n) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.about-2 .row:nth-child(2n) .img-src a {
margin-left: -100px
}
@media (min-width:768px) {
.about-2 .row:nth-child(2n) .txt {
padding-left: 2rem
}
}
@media (min-width:1024.1px) {
.about-2 .row:nth-child(2n) .txt {
padding-left: 40px
}
}
@media (min-width:1280.1px) {
.about-2 .row:nth-child(2n) .txt {
padding-left: 50px
}
}
.about-3 {
padding-top: 3rem;
padding-bottom: 3rem
}
@media (min-width:1024.1px) {
.about-3 {
padding-top: 4rem;
padding-bottom: 5rem
}
}
@media screen and (max-width:1024px) {
.about-3 .block-title {
text-align: center
}
}
.about-3 .btn-left {
padding-top: 1rem
}
@media screen and (max-width:1024px) {
.about-3 .btn-left {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 1.5rem
}
}
@media screen and (max-width:1024px) {
.about-3 .row,
.about-3 .row .col {
margin: 0;
padding: 0
}
}
.map-wrapper {
position: relative;
z-index: 30
}
.map-wrapper a {
display: block;
width: auto;
height: 650px;
overflow: hidden
}
.map-wrapper a iframe {
width: 100%;
height: 100%
}
@media screen and (max-width:1024px) {
.map-wrapper a {
height: 400px
}
}
@media screen and (max-width:576px) {
.map-wrapper a {
height: 300px
}
.map-wrapper a embed,
.map-wrapper a iframe,
.map-wrapper a object {
max-width: 100%
}
}
.community-social {
padding-top: 4rem;
padding-bottom: 2rem
}
@media (min-width:1024.1px) {
.community-social {
padding-top: 4rem;
padding-bottom: 4rem
}
}
.community-social .caption {
text-align: center
}
.community-social-network .sub-title {
margin-bottom: 1.25rem
}
@media (min-width:1024.1px) {
.community-social-network .sub-title {
margin-bottom: 1.5rem
}
}
.community-social-network .col .row .col {
margin-bottom: 2rem
}
@media (min-width:1024.1px) {
.community-social-network .col .row .col {
margin-bottom: 2.5rem
}
}
.community-social-network .row .col {
padding-right: 0;
padding-left: 0
}
.community-social-network .item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .08);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
transition: all .3s ease-in-out;
margin-right: auto;
margin-left: auto;
box-shadow: 0 0 20px rgba(0, 0, 0, .08);
background: #f2f2f2;
padding-top: 3rem;
padding-bottom: 3rem;
width: 300px;
height: 300px;
text-align: center
}
@media screen and (max-width:1024px) {
.community-social-network .item {
padding-top: 0;
padding-bottom: 2.5rem;
width: 200px;
height: 200px
}
}
@media screen and (max-width:576px) {
.community-social-network .item {
padding-top: 2rem;
width: 100%;
height: 100%
}
}
.community-social-network .item:hover {
background: #fff
}
.community-social-network .item:hover .txt {
text-decoration: underline
}
.community-social-network .item .img-src {
display: block;
height: auto
}
.community-social-network .item .img-src a {
display: block;
width: auto;
max-width: 150px;
height: 150px
}
@media screen and (max-width:1024px) {
.community-social-network .item .img-src a {
height: 90px
}
}
@media screen and (max-width:576px) {
.community-social-network .item .img-src a {
height: 64px
}
}
.community-social-network .item .img-src a img {
-o-object-fit: contain;
width: 100%;
height: 100%;
object-fit: contain
}
.community-social-network .item .txt {
margin-top: .75rem
}
@media (min-width:576px) {
.community-social-network .item .txt {
margin-top: 1.25rem
}
}
@media (min-width:1024.1px) {
.community-social-network .item .txt {
margin-top: 1.5rem
}
}
.community-social-network .item .name {
display: block;
width: 100%;
color: #000;
font-size: 1.5rem;
font-weight: 500;
text-align: center
}
@media screen and (max-width:576px) {
.community-social-network .item .name {
font-size: 1.125rem
}
}
.community-country {
padding-top: 4rem;
padding-bottom: 4rem
}
.community-country .row {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.community-country .sub-title {
margin-bottom: 2rem
}
@media (min-width:1024.1px) {
.community-country .sub-title {
margin-bottom: 3.5rem
}
}
.commnunity-contact {
padding-top: 0;
padding-bottom: 4rem
}
@media (min-width:1024.1px) {
.commnunity-contact {
padding: 30px 0 75px
}
}
.commnunity-contact .item {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #fff;
padding: 1.5rem 2rem;
min-height: 100px
}
@media screen and (max-width:1024px) {
.commnunity-contact .item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.commnunity-contribute {
background-color: #fff;
padding-top: 2.5rem;
padding-bottom: 4rem
}
@media (min-width:1024.1px) {
.commnunity-contribute {
padding-top: 3rem;
padding-bottom: 5rem
}
}
.commnunity-contribute .caption {
text-align: center
}
.commnunity-contribute .btn-center {
margin-top: 2rem
}
.developer-page-display main {
background: -o-linear-gradient(267.94deg, hsla(0, 0%, 76.9%, 0) 35.86%, #ececec 107.06%);
background: linear-gradient(182.06deg, hsla(0, 0%, 76.9%, 0) 35.86%, #ececec 107.06%)
}
.developer-block {
padding-top: 3rem;
padding-bottom: 4rem
}
@media (min-width:1024.1px) {
.developer-block {
padding-top: 4rem;
padding-bottom: 5rem
}
}
.developer-block .wrapper {
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .0784313725490196);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, .0784313725490196);
border-radius: 40px;
background-color: #fff;
padding-top: 4rem;
padding-bottom: 4rem
}
@media screen and (max-width:1024px) {
.developer-block .wrapper {
padding-right: 2rem;
padding-left: 2rem
}
}
@media screen and (max-width:576px) {
.developer-block .wrapper {
padding: 2rem
}
}
.developer-block .support-wrapper .item:not(:last-child) {
margin-bottom: 1rem
}
.developer-block .support-wrapper .item .title {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: space-between
}
.developer-block .support-wrapper .item .title a span {
color: #111;
font-size: 1.5rem;
font-weight: 700
}
@media (min-width:576px) {
.developer-block .support-wrapper .item .title a span {
font-size: 1.75rem
}
}
@media (min-width:1024.1px) {
.developer-block .support-wrapper .item .title a span {
font-size: 2.5rem
}
}
.developer-block .support-wrapper .item .title em {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
border-radius: 9999px;
background: #f1f1f1;
width: 32px;
height: 32px;
color: #fd0002;
font-size: 28px
}
.developer-block .support-wrapper .item .article {
display: none
}
.bg-gradient {
background: -o-linear-gradient(267.94deg, hsla(0, 0%, 76.9%, 0) 35.86%, #f4f4f4 107.06%);
background: linear-gradient(182.06deg, hsla(0, 0%, 76.9%, 0) 35.86%, #f4f4f4 107.06%)
}
.eco-system-1 {
padding-top: 4rem;
padding-bottom: 4rem
}
@media screen and (max-width:1024px) {
.eco-system-1 {
padding-top: 3rem;
padding-bottom: 3rem
}
}
.eco-system-1 .block-title {
margin-bottom: 1rem
}
.eco-system-1 .trading-platform-swiper {
position: relative
}
.eco-system-1 .item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding-top: 2rem;
padding-bottom: 2rem;
text-align: center
}
.eco-system-1 .item .img-src a {
display: block;
width: auto;
height: 100px
}
.eco-system-1 .item .img-src a img {
-o-object-fit: contain;
width: 100%;
height: 100%;
object-fit: contain
}
.eco-system-1 .item .txt {
margin-top: .75rem
}
.eco-system-1 .item .name {
color: #333;
font-size: 1.125rem;
font-weight: 500
}
@media screen and (max-width:1024px) {
.eco-system-1 .swiper-nav-wrap {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0
}
}
.eco-system-2 .block-title {
margin-bottom: 2rem
}
.eco-system-2 .item .img-src a {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
margin-right: auto;
margin-left: auto;
background: #f1f1f1;
width: auto;
max-width: 450px;
height: 300px
}
@media screen and (max-width:1024px) {
.eco-system-2 .item .img-src a {
height: 200px
}
}
.eco-system-2 .item .img-src a img {
-o-object-fit: contain;
width: 100%;
height: 100%;
object-fit: contain
}
.eco-system-2 .item .caption {
margin-top: 1.5rem;
font-size: 1.125rem
}
.eco-system-2 .item .caption * {
font-size: 1.125rem
}
@media (min-width:1024.1px) {
.eco-system-2 .item .caption {
margin-top: 2rem
}
}
.eco-system-3 {
padding-top: 3rem;
padding-bottom: 4rem
}
@media screen and (max-width:1024px) {
.eco-system-3 {
padding-top: 2rem;
padding-bottom: 3rem
}
}
.eco-system-3 .block-title {
margin-bottom: 2rem
}
.eco-system-3 .item .img-src a {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
margin-right: auto;
margin-left: auto;
background: #fff;
width: auto;
max-width: 450px;
height: 300px
}
@media screen and (max-width:1024px) {
.eco-system-3 .item .img-src a {
height: 200px
}
}
.eco-system-3 .item .img-src a img {
-o-object-fit: contain;
width: 100%;
height: 100%;
object-fit: contain
}
.eco-system-3 .item .caption {
margin-top: 1.5rem;
font-size: 1.125rem
}
.eco-system-3 .item .caption * {
font-size: 1.125rem
}
@media (min-width:1024.1px) {
.eco-system-3 .item .caption {
margin-top: 2rem
}
}
.eco-system-4 {
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
@media screen and (max-width:576px) {
.eco-system-4 .btn-left {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.eco-system-4 .btn-left .btn-primary {
width: 170px;
min-width: 170px
}
.eco-system-4 .item .img-src a {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
margin-right: auto;
margin-left: auto;
background: #f1f1f1;
width: auto;
max-width: 300px;
height: 300px
}
@media screen and (max-width:1024px) {
.eco-system-4 .item .img-src a {
height: 200px
}
}
.eco-system-4 .item .img-src a img {
-o-object-fit: contain;
width: 100%;
height: 100%;
object-fit: contain
}
.eco-system-4 .item .caption {
margin-top: 1.5rem;
font-size: 1.125rem
}
.eco-system-4 .item .caption * {
font-size: 1.125rem
}
@media (min-width:1024.1px) {
.eco-system-4 .item .caption {
margin-top: 2rem
}
}
.eco-system-5 {
padding-bottom: 3rem
}
@media (min-width:1024.1px) {
.eco-system-5 {
padding-bottom: 5rem
}
}
.eco-system-5 .btn-gap {
margin-top: 2.5rem
}
@media screen and (max-width:768px) {
.eco-system-5 .btn-gap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column
}
}
.eco-system-5 .caption,
.eco-system-5 .caption * {
font-size: 1.125rem
}
@media screen and (max-width:1024px) {
.token-1 {
padding-top: 3rem
}
}
.token-1 .txt {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: start;
-ms-flex-align: start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
height: 100%
}
.token-1 .block-title {
margin-bottom: 1.25rem
}
@media screen and (max-width:768px) {
.token-1 .block-title {
width: 100%;
text-align: center
}
}
@media screen and (max-width:768px) {
.token-1 .img a {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center
}
}
.token-2 {
padding-top: 3rem;
padding-bottom: 3rem
}
.token-2 .txt-col {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: start;
-ms-flex-align: start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
height: 100%
}
@media screen and (max-width:768px) {
.token-2 .block-title {
width: 100%;
text-align: center
}
}
.token-2 .item {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: flex-start;
border-radius: 4px;
background: -webkit-gradient(linear, left bottom, left top, from(#f3f3f3), to(#f3f3f3));
background: -o-linear-gradient(bottom, #f3f3f3, #f3f3f3);
background: linear-gradient(0deg, #f3f3f3, #f3f3f3);
padding: 2rem
}
@media (min-width:1024.1px) {
.token-2 .item {
margin-right: -75px;
padding: 90px
}
}
.token-2 .icon a {
display: block;
width: auto;
min-width: 218px;
max-width: 218px;
height: 218px
}
@media screen and (max-width:1280px) {
.token-2 .icon a {
min-width: 160px;
max-width: 160px;
height: 160px
}
}
@media screen and (max-width:960px) {
.token-2 .icon a {
min-width: 120px;
max-width: 120px;
height: 120px
}
}
.token-2 .icon a img {
-o-object-fit: contain;
width: 100%;
height: 100%;
object-fit: contain
}
.token-2 .txt {
padding-left: 2rem
}
@media (min-width:1280.1px) {
.token-2 .txt {
padding-left: 3rem
}
}
.token-2 .title {
margin-bottom: 1rem;
color: #666;
font-size: 1rem;
font-weight: 400;
text-transform: uppercase
}
@media (min-width:1280.1px) {
.token-2 .title {
margin-bottom: 1.25rem;
font-size: 1.125rem
}
}
.token-2 .price {
margin-bottom: 1.25rem
}
.token-2 .price,
.token-2 .price * {
color: #333;
font-size: 2rem;
font-weight: 700
}
@media (min-width:1024.1px) {
.token-2 .price,
.token-2 .price * {
font-size: 2.5rem
}
}
@media (min-width:1280.1px) {
.token-2 .price,
.token-2 .price * {
font-size: 3rem
}
}
.token-2 .percent {
margin-bottom: .5rem;
font-size: .75rem;
font-weight: 400
}
.token-2 .percent.red {
color: #fd0002
}
.token-2 .percent.green {
color: green
}
.token-2 .source,
.token-2 .source * {
color: #666;
font-size: .75rem;
font-weight: 400
}
.token-3 {
padding-top: 1.25rem;
padding-bottom: 4rem
}
@media screen and (max-width:768px) {
.token-3 .block-title,
.token-3 .caption {
text-align: center
}
}
.token-4 {
background: -o-linear-gradient(267.94deg, hsla(0, 0%, 76.9%, 0) 35.86%, #f4f4f4 107.06%);
background: linear-gradient(182.06deg, hsla(0, 0%, 76.9%, 0) 35.86%, #f4f4f4 107.06%);
padding-bottom: 3rem
}
@media screen and (max-width:768px) {
.token-4 .block-title,
.token-4 .caption {
text-align: center
}
}
.token-5 {
background-color: #fff;
padding-top: 3rem;
padding-bottom: 3rem
}
.token-5 .block-title {
margin-bottom: 1.25rem
}
@media screen and (max-width:768px) {
.token-5 .block-title,
.token-5 .caption {
text-align: center
}
}
.token-6 {
padding-bottom: 3rem
}
.token-6 .block-title {
margin-bottom: 1.25rem
}
@media screen and (max-width:768px) {
.token-6 .block-title {
margin-bottom: 2rem;
text-align: center
}
}
.token-6 .sub-title-bg {
min-width: 200px
}
@media screen and (max-width:768px) {
.token-6 .caption {
text-align: center
}
}
.token-6 .caption ul li {
margin-bottom: 0
}
.alert {
display: block;
position: relative;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
padding: .75rem 1.25rem;
line-height: 1.25
}
.alert.alert-danger {
border-color: #f5c6cb;
background-color: #f8d7da;
color: #721c24
}
.alert.alert-success {
border-color: #c3e6cb;
background-color: #d4edda;
color: #155724
}
.login-box,
.wrap-recover,
.wrap-register,
.wrap-resetpass {
-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .03);
margin: 60px auto;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .03);
border-radius: 10px;
background: #fff;
padding: 1.875rem;
max-width: 400px
}
.login-logo,
.pagetitle,
.postname,
.wrap-recover h1 {
margin-bottom: 1.25rem;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.375;
text-align: center
}
.posttitle,
.wrap-resetpass h1 {
margin-bottom: 1.25rem;
font-size: 1.25rem;
line-height: 1.375
}
.postname {
text-align: left
}
.login-box-msg {
margin-bottom: 1rem;
font-size: 1.125rem
}
.account-form input[type=password],
.account-form input[type=text],
.account-form select,
.address-form input[type=password],
.address-form input[type=text],
.address-form select,
.login-box input[type=password],
.login-box input[type=text],
.login-box select,
.wrap-recover input[type=password],
.wrap-recover input[type=text],
.wrap-recover select,
.wrap-register input[type=password],
.wrap-register input[type=text],
.wrap-register select,
.wrap-resetpass input[type=password],
.wrap-resetpass input[type=text],
.wrap-resetpass select {
border: 0 !important;
border-bottom: 1px solid #d7d7d7 !important;
padding: 12px !important;
width: 100% !important;
height: auto !important
}
.account-form input[type=submit],
.address-form input[type=submit],
.login-box input[type=submit],
.wrap-recover input[type=submit],
.wrap-register input[type=submit],
.wrap-resetpass input[type=submit] {
display: block;
margin-left: auto;
border: 0;
background: #1a1a1a;
width: 8.125rem;
height: 2.5rem;
color: #fff;
font-size: 1rem;
font-weight: 700
}
.account-form input:disabled,
.address-form input:disabled,
.login-box input:disabled,
.wrap-recover input:disabled,
.wrap-register input:disabled,
.wrap-resetpass input:disabled {
background-color: transparent;
color: #666;
font-style: italic
}
.account-form .settingrow>*,
.address-form .settingrow>*,
.wrap-recover .settingrow>*,
.wrap-register .settingrow>*,
.wrap-resetpass .settingrow>* {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.account-form .form-group,
.address-form .form-group,
.wrap-recover .form-group,
.wrap-register .form-group,
.wrap-resetpass .form-group {
margin-bottom: 20px
}
.account-form .form-group label,
.address-form .form-group label,
.wrap-recover .form-group label,
.wrap-register .form-group label,
.wrap-resetpass .form-group label {
line-height: 1.5
}
.passwordrecovery input[type=submit],
.wrap-register input[type=submit] {
margin: 0 auto
}
.fa-exclamation-triangle {
color: red;
font-size: 12px;
line-height: 2
}
.fa-exclamation-triangle:before {
display: none
}
.profile-container {
padding: 3rem 15px
}
.user-sidebar,
.user-sidelink {
-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .03);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .03);
border-radius: 10px;
background: #fff;
padding: 1.875rem
}
.userinfo figure {
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center
}
.userinfo figure img {
border-radius: 50%
}
.userinfo figure figcaption {
padding-left: 20px;
color: #223771;
line-height: 1.375
}
.userinfo .user-name {
font-size: 1.125rem;
font-weight: 700
}
.user-sidelink {
margin-top: 1.875rem
}
.user-sidelink ul li+li {
margin-top: 15px;
border-top: 1px solid #eee;
padding-top: 15px
}
.user-sidelink ul li.active a {
color: #999
}
.account-info,
.address-info,
.cart-history,
.coin-info,
.order-info,
.order-information,
.order-product,
.order-total {
-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .03);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .03);
border-radius: 10px;
background: #fff;
padding: 1.25rem;
line-height: 1.375
}
.account-info .link,
.address-info .link,
.cart-history .link,
.coin-info .link,
.order-info .link,
.order-information .link,
.order-product .link,
.order-total .link {
color: #5bc0de;
font-size: .875rem
}
.info-heading {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.25rem
}
.info-heading .postname,
.info-heading .posttitle {
margin-bottom: 0
}
.info-heading .link {
color: #5bc0de;
font-size: .875rem
}
.account-info .info-detail .group .label {
color: #787878
}
.address-list .address-col+.address-col {
margin-top: 1.25rem;
border-top: 1px dashed #eee;
padding-top: 1.25rem
}
.address-list .address {
position: relative;
font-size: .875rem
}
.address-list .address .type {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: absolute;
top: 0;
right: 0;
align-items: center;
justify-content: center;
margin-bottom: .9375rem;
border-radius: 4px;
background-color: #999;
padding-right: .75em;
padding-left: .75em;
height: 2em;
color: #fff;
font-size: .75rem;
line-height: 1.5;
white-space: nowrap
}
.address-list .address .btn-editaddr {
display: inline-block;
margin-top: .625rem;
color: #5bc0de;
text-decoration: underline;
text-underline-position: under
}
.address-list .address .btn-deleteaddr {
margin-left: .625rem;
color: #999
}
.cart-history,
.order-product {
overflow: auto
}
.cart-history table,
.order-product table {
width: 100%;
font-size: 14px
}
.cart-history table thead th,
.order-product table thead th {
border-bottom: 1px solid #dbdbdb;
padding: .75rem;
font-weight: 700
}
.cart-history table tbody td,
.order-product table tbody td {
vertical-align: top;
border: solid #dbdbdb;
border-width: 0 0 1px;
padding: .75rem
}
.cart-history table tbody td a,
.order-product table tbody td a {
display: block;
color: #5bc0de
}
.cart-history table tbody td a+.name,
.order-product table tbody td a+.name {
margin-top: 5px
}
.cart-history table tbody td a:hover,
.order-product table tbody td a:hover {
text-decoration: underline
}
.cart-history table tbody tr:last-child td,
.order-product table tbody tr:last-child td {
border-bottom: 0
}
.order-product table td {
text-align: center
}
.order-product table td .product {
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center
}
.order-product table td .product .img {
width: 80px
}
.order-product table td .product .caption {
-webkit-box-flex: 1;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
padding-left: 20px;
font-size: 14px
}
.order-total {
margin-top: 1rem;
margin-left: auto;
width: 400px;
max-width: 100%;
font-size: 14px
}
.order-total table {
width: 100%
}
.order-total table tr td {
padding: .5rem .75rem;
text-align: right
}
.order-total table tr td.total {
color: #999;
font-size: 18px;
font-weight: 700
}
.order-total table tr:first-child td {
padding-top: 0
}
.regcomplete span {
display: block;
margin-bottom: 20px;
color: #6cc070;
text-align: center
}
.order-information .title {
margin-bottom: 15px;
border-bottom: 1px dashed #ccc;
padding-bottom: 10px;
font-size: 18px;
font-weight: 700
}
.order-information ul {
font-size: 14px
}
.order-information ul li.name {
font-size: 16px
}
.order-detail-wrap .postname {
padding-left: 15px
}
.order-detail-wrap .cart-display {
border: none
}
.order-detail-wrap .cart-display .product-item {
-webkit-box-shadow: none;
box-shadow: none
}
@media screen and (max-width:1024px) {
.order-detail-wrap .cart-display .btn-primary {
margin-top: .5rem;
margin-bottom: .5rem
}
}
.order-detail-wrap .cart-display .btn-primary span {
font-size: 1rem;
font-weight: 500
}
.order-detail-wrap .cart-display .cart-wrapper {
-webkit-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .05);
box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .05);
background-color: #fff;
padding: 2rem
}
.order-detail-wrap .cart-display .total-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: end;
-ms-flex-align: end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
padding-top: 2rem
}
@media screen and (max-width:1024px) {
.order-detail-wrap .cart-display .total-wrapper .total-table {
width: 100%
}
}
.order-detail-wrap .cart-display .total-wrapper .total-table tr:nth-child(2) td:last-child {
font-weight: 400
}
.order-detail-wrap .cart-display .total-wrapper .total-table tr:last-child td:last-child {
color: #fd0002
}
.order-detail-wrap .cart-display .total-wrapper .total-table td {
padding-top: .5rem;
padding-bottom: .5rem;
color: #333;
font-size: 1rem;
font-weight: 700
}
.order-detail-wrap .cart-display .total-wrapper .total-table td:last-child {
padding-left: 4rem
}
@media (min-width:1024.1px) {
.order-detail-wrap .cart-display .total-wrapper .total-table td:last-child {
padding-left: 8rem
}
}
.order-detail-wrap .cart-display .total-wrapper .btn-right {
padding-top: 3rem
}
@media screen and (max-width:767px) {
.order-detail-wrap .cart-display .total-wrapper .btn-right {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%
}
}
.order-detail-wrap .cart-display .carttable {
-webkit-box-shadow: 0 0 13px 0 rgba(0, 0, 0, .09);
box-shadow: 0 0 13px 0 rgba(0, 0, 0, .09);
border: 1px solid #f0f0f0;
width: 100%
}
@media screen and (max-width:960px) {
.order-detail-wrap .cart-display .carttable thead {
display: none
}
}
.order-detail-wrap .cart-display .carttable thead th {
background: #f0f0f0;
padding: .75rem 1rem;
height: 50px;
color: #333;
font-size: 1rem;
font-weight: 500;
text-align: center;
text-transform: uppercase;
text-transform: none
}
.order-detail-wrap .cart-display .carttable thead th:first-child {
padding-left: 2rem;
text-align: left
}
.order-detail-wrap .cart-display .carttable tr:nth-child(2n) td {
background: #f2f2f2
}
.order-detail-wrap .cart-display .carttable tr:last-child td {
padding-bottom: 2rem
}
@media screen and (max-width:960px) {
.order-detail-wrap .cart-display .carttable tr:last-child td {
padding-bottom: 1.5rem
}
.order-detail-wrap .cart-display .carttable tr:last-child td:last-child {
padding-bottom: 2rem
}
}
.order-detail-wrap .cart-display .carttable tr td {
padding: 2rem 1.5rem 1rem;
width: 15%;
font-weight: 500
}
.order-detail-wrap .cart-display .carttable tr td:first-child {
width: 55%
}
@media screen and (max-width:960px) {
.order-detail-wrap .cart-display .carttable tr {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-ms-flex-wrap: wrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
flex-wrap: wrap
}
.order-detail-wrap .cart-display .carttable tr td {
display: block;
padding-top: 0;
padding-bottom: 1rem;
width: 100%
}
.order-detail-wrap .cart-display .carttable tr td:first-child {
padding-top: 1.5rem;
width: 100%
}
.order-detail-wrap .cart-display .carttable tr td:nth-child(3),
.order-detail-wrap .cart-display .carttable tr td:nth-child(4) {
display: inline-block
}
.order-detail-wrap .cart-display .carttable tr td:last-child {
padding-bottom: 1.5rem
}
}
.order-detail-wrap .cart-display .product-item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin-bottom: 0
}
.order-detail-wrap .cart-display .product-item .image a {
display: block;
width: auto;
min-width: 120px;
max-width: 120px;
height: 120px
}
.order-detail-wrap .cart-display .product-item .image a img {
-o-object-fit: contain;
width: 100%;
height: 100%;
object-fit: contain
}
.order-detail-wrap .cart-display .product-item .caption {
margin-left: 1rem
}
.order-detail-wrap .cart-display .product-item .caption .title {
margin-bottom: 0
}
.order-detail-wrap .cart-display .product-item .caption .title a {
display: block;
margin-bottom: .25rem;
max-width: 200px;
color: #333;
font-size: 1rem;
font-weight: 500
}
.order-detail-wrap .cart-display .product-item .caption .remove-item {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: start;
-ms-flex-align: start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: flex-start;
justify-content: flex-start
}
.order-detail-wrap .cart-display .product-item .caption .remove-item em {
display: block;
margin-right: .5rem;
height: 16px;
color: #fd0002;
font-size: 16px
}
.order-detail-wrap .cart-display .product-item .caption .remove-item span {
color: #999;
font-size: 1rem;
font-weight: 500
}
.order-detail-wrap .cart-display .price {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: end;
-ms-flex-align: end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center
}
@media screen and (max-width:960px) {
.order-detail-wrap .cart-display .price {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.order-detail-wrap .cart-display .price .current {
padding-left: .5rem
}
}
.order-detail-wrap .cart-display .price .current {
margin-bottom: .5rem;
color: #333;
font-size: 1.125rem;
font-weight: 500
}
.order-detail-wrap .cart-display .price .old-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.order-detail-wrap .cart-display .price .old-wrap .old {
color: #999;
font-size: 1rem;
font-weight: 500;
text-decoration: line-through
}
.order-detail-wrap .cart-display .price .old-wrap .discount {
color: #fd0002;
font-size: 1rem;
font-weight: 500
}
.order-detail-wrap .cart-display .price .old-wrap span {
padding-right: .5rem;
padding-left: .5rem;
font-weight: 500
}
.order-detail-wrap .cart-display .price .old-wrap span:not(:last-child) {
border-right: 1px solid #e1e1e1
}
.order-detail-wrap .cart-display .price .old-wrap span:last-child {
padding-right: 0
}
.order-detail-wrap .cart-display .total {
color: #333;
font-size: 1rem;
font-weight: 700;
text-align: center
}
@media screen and (max-width:960px) {
.order-detail-wrap .cart-display .total {
text-align: left
}
}
@media screen and (max-width:1024px) {
.order-detail-wrap .cart-display .quantity-wrapper {
padding-top: 0;
padding-bottom: .5rem
}
}
.order-detail-wrap .cart-display .quantity-wrapper .item-quantity {
border-radius: 5px;
height: 40px
}
.order-detail-wrap .cart-display .quantity-wrapper .item-quantity input {
height: 35px
}
.order-detail-wrap .cart-display .quantity-wrapper .item-quantity .input-group-btn {
height: 38px
}
.order-detail-wrap .cart-display .quantity-wrapper .qty-minus,
.order-detail-wrap .cart-display .quantity-wrapper .qty-plus {
background: #e6e6e6
}
.order-detail-wrap .cart-display .quantity-wrapper .qty-minus:hover,
.order-detail-wrap .cart-display .quantity-wrapper .qty-plus:hover {
background: none
}
.order-detail-wrap .cart-display .quantity-wrapper .qty-minus {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px
}
.order-detail-wrap .cart-display .quantity-wrapper .qty-plus {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px
}
.order-detail-wrap .user-page .full-width-row {
width: 100% !important
}
.order-detail-wrap .full-width-row {
margin-top: 30px
}
.order-detail-wrap .admin-title {
margin-bottom: 30px
}
.order-detail-wrap .second-row-status .title {
margin-bottom: 1rem
}
.order-detail-wrap .cart-display .wrapper {
overflow-x: auto
}
.order-detail .cart-display {
margin-top: 4rem;
background-color: #fff;
padding-top: 0;
padding-bottom: 0
}
.order-detail .cart-display .product-item .caption {
margin-bottom: 0
}
.order-detail .bottom-wrap {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 1rem
}
.order-detail .admin-title {
-webkit-box-shadow: 0 0 13px 0 rgba(0, 0, 0, .09);
box-shadow: 0 0 13px 0 rgba(0, 0, 0, .09);
padding: 1.5rem 1rem
}
.order-detail .admin-title .text strong {
color: #fd0002
}
.order-detail .btn-back {
padding-top: 1rem;
padding-left: 0
}
.order-detail .btn-back:hover span {
text-decoration: underline
}
.order-detail .status span {
font-weight: 500
}
.order-detail .title {
margin-bottom: .5rem;
color: #333;
font-size: 1rem;
font-weight: 700;
text-transform: uppercase
}
.order-detail .item {
-webkit-box-shadow: 0 0 13px 0 rgba(0, 0, 0, .09);
box-shadow: 0 0 13px 0 rgba(0, 0, 0, .09);
background-color: #fff;
padding: 2rem 1.25rem;
height: 100%
}
.order-detail .item ul li {
display: block;
margin-bottom: .25rem;
font-weight: 500
}
.order-detail .item ul li p {
margin-bottom: .25rem;
font-size: .9375rem;
font-weight: 700
}
.order-detail .item ul li span {
color: #efefef;
font-size: .9375rem;
font-weight: 400
}
.order-detail .item ul li .status {
padding-top: .5rem
}
.order-detail .item ul li .status.done {
color: green
}
.order-detail .item ul li .status.pending {
color: #fd0002
}
.order-detail .carttable {
border: none;
padding: 2rem
}
.order-detail .carttable tr td {
font-size: 1rem
}
.order-detail .carttable tr td:nth-child(3) {
text-align: center
}
@media screen and (max-width:1024px) {
.order-detail .carttable tr td:nth-child(3) {
text-align: left
}
}
.order-detail .total-wrapper {
padding-top: 1.25rem;
padding-right: 1.25rem;
padding-bottom: 1.25rem
}
@media screen and (max-width:1024px) {
.order-detail .total-wrapper {
padding: 1.25rem
}
}
.order-detail .total-wrapper .total-table tr:nth-child(3) td:last-child {
font-weight: 400
}
.order-detail .total-wrapper .total-table td {
font-size: 1.125rem
}
.order-detail .product-item .caption .title a {
text-transform: none
}
@-webkit-keyframes fade-in {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fade-in {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.fade-in {
-webkit-animation: fade-in .3s cubic-bezier(.39, .575, .565, 1) both;
animation: fade-in .3s cubic-bezier(.39, .575, .565, 1) both
}
.gradient-blue {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: -webkit-linear-gradient(90deg, #47b5e8, #2b74ce);
text-transform: uppercase
}
.ripple {
-webkit-animation: ripple 3s linear infinite;
position: relative;
animation: ripple 3s linear infinite;
margin: 5rem auto auto;
border-radius: 50%;
background-color: #666;
width: 1rem;
height: 1rem
}
.ripple:after,
.ripple:before {
-webkit-animation: inherit;
-webkit-animation-delay: 1.5s;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
animation: inherit;
animation-delay: 1.5s;
border-radius: 50%;
content: ""
}
.ripple:after {
-webkit-animation-delay: 3s;
animation-delay: 3s
}
@-webkit-keyframes ripple {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, .8);
box-shadow: 0 0 0 0 rgba(255, 0, 0, .8)
}
to {
-webkit-box-shadow: 0 0 0 1rem hsla(0, 0%, 100%, 0);
box-shadow: 0 0 0 1rem hsla(0, 0%, 100%, 0)
}
}
@keyframes ripple {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, .8);
box-shadow: 0 0 0 0 rgba(255, 0, 0, .8)
}
to {
-webkit-box-shadow: 0 0 0 1rem hsla(0, 0%, 100%, 0);
box-shadow: 0 0 0 1rem hsla(0, 0%, 100%, 0)
}
}
.shine {
position: relative;
overflow: hidden
}
.shine:before {
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
display: block;
position: absolute;
top: 0;
left: -75%;
transform: skewX(-25deg);
z-index: 2;
background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(hsla(0, 0%, 100%, .3)));
background: -o-linear-gradient(left, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .3) 100%);
background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .3));
width: 50%;
height: 100%;
pointer-events: none;
content: ""
}
.shine:hover:before {
-webkit-animation: shine .75s;
animation: shine .75s
}
@-webkit-keyframes shine {
to {
left: 125%
}
}
@keyframes shine {
to {
left: 125%
}
}
.circle {
position: relative;
overflow: hidden
}
.circle:before {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
z-index: 2;
border-radius: 100%;
background: hsla(0, 0%, 100%, .2);
width: 0;
height: 0;
content: ""
}
.circle:hover:before {
-webkit-animation: circle .75s;
animation: circle .75s
}
@-webkit-keyframes circle {
0% {
opacity: 1
}
40% {
opacity: 1
}
to {
opacity: 0;
width: 200%;
height: 200%
}
}
@keyframes circle {
0% {
opacity: 1
}
40% {
opacity: 1
}
to {
opacity: 0;
width: 200%;
height: 200%
}
}
.zoom-in {
-webkit-transition: all .45s ease-in-out;
-o-transition: .45s all ease-in-out;
transition: all .45s ease-in-out;
overflow: hidden
}
.zoom-in:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.zoom-in img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.opacity,
.zoom-in img {
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
transition: all .3s ease-in-out
}
.opacity:hover {
opacity: .8
}
.opacity img {
opacity: 1
}
.flash,
.opacity img {
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
transition: all .3s ease-in-out
}
.flash:hover img {
-webkit-animation: flash 1.5s;
opacity: 1;
animation: flash 1.5s
}
@-webkit-keyframes flash {
0% {
opacity: .4
}
to {
opacity: 1
}
}
@keyframes flash {
0% {
opacity: .4
}
to {
opacity: 1
}
}
@-webkit-keyframes loadingFade {
0% {
opacity: 0
}
50% {
opacity: .8
}
to {
opacity: 0
}
}
@keyframes loadingFade {
0% {
opacity: 0
}
50% {
opacity: .8
}
to {
opacity: 0
}
}
.hamburger--elastic .hamburger-inner {
-webkit-transition-duration: .275s;
-o-transition-duration: .275s;
-webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
-o-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
top: 1.5px;
transition-duration: .275s;
transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}
.hamburger--elastic .hamburger-inner:before {
-webkit-transition: opacity .125s ease .275s;
-o-transition: opacity .125s .275s ease;
top: 10px;
transition: opacity .125s ease .275s
}
.hamburger--elastic .hamburger-inner:after {
-webkit-transition: -webkit-transform .275s cubic-bezier(.68, -.55, .265, 1.55);
-o-transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55);
top: 20px;
transition: -webkit-transform .275s cubic-bezier(.68, -.55, .265, 1.55);
transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55);
transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}
.hamburger--elastic.is-active .hamburger-inner {
-webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
-webkit-transition-delay: 75ms;
-o-transition-delay: 75ms;
transform: translate3d(0, 10px, 0) rotate(135deg);
transition-delay: 75ms
}
.hamburger--elastic.is-active .hamburger-inner:before {
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
opacity: 0;
transition-delay: 0s
}
.hamburger--elastic.is-active .hamburger-inner:after {
-webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
-webkit-transition-delay: 75ms;
-o-transition-delay: 75ms;
transform: translate3d(0, -20px, 0) rotate(-270deg);
transition-delay: 75ms
}
.hamburger {
-webkit-transition-property: opacity, -webkit-filter;
-o-transition-property: opacity, filter;
-webkit-transition-duration: .15s;
-o-transition-duration: .15s;
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
display: inline-block;
transition-duration: .15s;
transition-property: opacity, -webkit-filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
transition-timing-function: linear;
cursor: pointer;
margin: 0;
border: 0;
background-color: transparent;
padding: 0;
overflow: visible;
color: inherit;
font: inherit;
text-transform: none
}
.hamburger.is-active:hover,
.hamburger:hover {
opacity: 1
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
background-color: #ba0000
}
.hamburger-box {
display: block;
position: relative;
margin: auto 0;
width: 32px;
height: 23px
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1.5px
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
-webkit-transition-property: -webkit-transform;
-o-transition-property: transform;
-webkit-transition-duration: .15s;
-o-transition-duration: .15s;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
position: absolute;
transition-duration: .15s;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-timing-function: ease;
border-radius: 4px;
background-color: #ba0000;
width: 32px;
height: 3px
}
.hamburger-inner:after,
.hamburger-inner:before {
display: block;
content: ""
}
.hamburger-inner:before {
top: -10px
}
.hamburger-inner:after {
bottom: -10px
}
@-webkit-keyframes "menu-animation" {
0% {
-webkit-transform: scale(.04) translateY(300%);
transform: scale(.04) translateY(300%);
opacity: 0
}
40% {
-webkit-transition: ease-out;
-o-transition: ease-out;
transition: ease-out
}
40% {
-webkit-transform: scale(.04) translateY(0);
transform: scale(.04) translateY(0)
}
60% {
-webkit-transform: scale(.02) translateY(0);
transform: scale(.02) translateY(0);
opacity: 1
}
61% {
-webkit-transform: scale(.04);
transform: scale(.04)
}
99.9% {
border-radius: 100%;
padding-bottom: 100%;
height: 0
}
to {
-webkit-transform: scale(2);
transform: scale(2);
border-radius: 0;
padding-bottom: 0;
height: 100%
}
}
@keyframes "menu-animation" {
0% {
-webkit-transform: scale(.04) translateY(300%);
transform: scale(.04) translateY(300%);
opacity: 0
}
40% {
-webkit-transition: ease-out;
-o-transition: ease-out;
transition: ease-out
}
40% {
-webkit-transform: scale(.04) translateY(0);
transform: scale(.04) translateY(0)
}
60% {
-webkit-transform: scale(.02) translateY(0);
transform: scale(.02) translateY(0);
opacity: 1
}
61% {
-webkit-transform: scale(.04);
transform: scale(.04)
}
99.9% {
border-radius: 100%;
padding-bottom: 100%;
height: 0
}
to {
-webkit-transform: scale(2);
transform: scale(2);
border-radius: 0;
padding-bottom: 0;
height: 100%
}
}
.community-display-page main {
background: -o-linear-gradient(267.94deg, hsla(0, 0%, 76.9%, 0) 35.86%, #f4f4f4 107.06%);
background: linear-gradient(182.06deg, hsla(0, 0%, 76.9%, 0) 35.86%, #f4f4f4 107.06%)
}
.tab-item {
display: none
}
.tab-item.active {
display: block
}
.tab-item-2 {
display: none
}
.tab-item-2.active {
display: block
}
.custom-select-material {
position: relative;
overflow: hidden
}
.custom-select-material:before {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
display: block;
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
z-index: 1;
pointer-events: none;
color: #9a9a9a;
font-family: Material Design Icons;
font-size: 12px;
content: "\F0140"
}
.custom-select-material select {
-webkit-box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
box-sizing: border-box;
font-size: 14px
}
.custom-select-material select::-ms-expand {
display: none
}
.custom-select {
width: 100%
}
.custom-select select {
-webkit-appearance: none;
-moz-appearance: none;
background: url(https://uniworld.io/jp/img/icon/chevron-down.png) no-repeat calc(100% - 15px), hsla(0, 0%, 100%, .5) !important;
background-position: 95% 50%
}
.icon-chevron-left,
.icon-chevron-right {
position: relative
}
.icon-chevron-left:before,
.icon-chevron-right:before {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all .3s ease-in-out;
background-position: 50% !important;
background-repeat: no-repeat !important;
background-size: contain !important;
width: 15px;
height: 25px;
content: ""
}
@media screen and (max-width:1400px) {
.icon-chevron-left:before,
.icon-chevron-right:before {
width: 10px;
height: 18px
}
}
.icon-chevron-left:before {
background: url(https://uniworld.io/jp/img/icon/chevron-left.png)
}
.icon-chevron-right:before {
background: url(https://uniworld.io/jp/img/icon/chevron-right.png)
}
@media screen and (max-width:768px) {
.table-responsive {
overflow-x: auto
}
}
.table-responsive table {
width: 100%
}
@media screen and (max-width:768px) {
.table-responsive table {
white-space: nowrap
}
}
.table-responsive table thead tr th {
background-color: #fd0002;
padding: 1rem 1.5rem;
color: #fff;
font-size: 1rem;
font-weight: 700;
text-align: left
}
@media screen and (min-width:1024px) {
.table-responsive table thead tr th:first-child {
padding-left: 3rem
}
}
.table-responsive table tbody tr:nth-child(2n) {
background: #f5f5f5
}
.table-responsive table tbody tr td {
padding: 1rem 1.5rem
}
.table-responsive table tbody tr td:first-child {
width: 25%
}
@media screen and (min-width:1024px) {
.table-responsive table tbody tr td {
padding-left: 3rem
}
}
.table-responsive table tbody tr td:last-child {
padding-right: 3rem;
width: 25%;
text-align: right
}
.table-responsive table tbody tr td:last-child .btn-view-more span {
color: #af9a56
}
.scollbar-wrap {
scrollbar-width: thin;
scrollbar-color: #ba0000 #ccc;
padding-right: 15px;
height: 300px;
overflow-y: auto;
line-height: 1.625;
text-align: justify
}
.scollbar-wrap::-webkit-scrollbar {
background: #ccc;
width: 3px
}
.scollbar-wrap::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px #ccc;
background-color: #ccc
}
.scollbar-wrap::-webkit-scrollbar-thumb {
background-color: #ba0000
}
@media screen and (max-width:1024px) {
.scollbar-wrap {
height: auto
}
}
.qradio input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
background-image: url('data:image/svg+xml;charset=utf-8,');
background-position: 50%;
background-repeat: no-repeat;
width: 20px;
height: 20px
}
.qradio input:checked {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='red' width='20' height='20'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/%3E%3C/svg%3E")
}
.qcheckbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.qcheckbox label {
display: inline-block;
padding-left: .5rem
}
.qcheckbox input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ec1f27' width='18' height='18'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
width: 20px;
height: 20px
}
.qcheckbox input:checked {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ec1f27' width='18' height='18'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 3H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V5a2 2 0 00-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E")
}
.item-quantity {
width: 160px;
overflow: hidden
}
@media screen and (max-width:1280px) {
.item-quantity {
width: auto
}
}
.item-quantity.active {
-webkit-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
opacity: 1;
z-index: 111;
transition: opacity .3s ease-in-out;
pointer-events: auto
}
.item-quantity .input-group {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border: 1px solid #eaeaea;
background-color: #fff;
overflow: hidden
}
.item-quantity .input-group,
.item-quantity .input-group-btn {
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center
}
.item-quantity .input-group-btn {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
position: relative;
justify-content: center;
transition: all .3s ease-in-out;
width: 40px;
min-width: 40px;
height: 40px
}
.item-quantity .input-group-btn:hover {
-webkit-transition: all .25s ease-in-out;
-o-transition: .25s all ease-in-out;
transition: all .25s ease-in-out;
background: #333;
color: #fff
}
.item-quantity .input-group-btn .qty-minus,
.item-quantity .input-group-btn .qty-plus {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
background: #e1e1e1;
width: 100%;
height: 100%;
line-height: 40px;
text-align: center
}
.item-quantity .input-group-btn .qty-minus:before,
.item-quantity .input-group-btn .qty-plus:before {
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
transition: all .3s ease-in-out;
color: #999;
font-family: Material Design Icons;
font-size: 20px;
font-weight: 700;
content: "\F0415"
}
.item-quantity .input-group-btn .qty-minus em,
.item-quantity .input-group-btn .qty-plus em {
display: none
}
.item-quantity .input-group-btn .qty-minus:hover:before,
.item-quantity .input-group-btn .qty-plus:hover:before {
color: #666
}
.item-quantity .input-group-btn .qty-plus:before {
content: "\F0415"
}
.item-quantity .input-group-btn .qty-minus:before {
content: "\F0374"
}
.item-quantity input {
border: 0;
background: #fff;
width: 80px;
height: 40px;
color: #333;
font-size: 1rem;
text-align: center
}
.item-quantity:hover a {
color: #f5f5f5 !important
}
.svg-chevron-down {
background-image: url('data:image/svg+xml;charset=utf-8,');
width: 12px;
height: 6px
}
.svg-chevron-down,
.svg-magnify {
background-repeat: no-repeat;
background-size: contain
}
.svg-magnify {
background-image: url('data:image/svg+xml;charset=utf-8,');
width: 18px;
height: 18px
}
.svg-magnify.white {
background-image: url('data:image/svg+xml;charset=utf-8,');
width: 32px;
height: 32px
}
.svg-email {
background-image: url('data:image/svg+xml;charset=utf-8,');
width: 18px;
height: 18px
}
.svg-email,
.svg-send {
background-repeat: no-repeat;
background-size: contain
}
.svg-send {
background-image: url('data:image/svg+xml;charset=utf-8,');
width: 25px;
height: 25px
}
.svg-arrow-up {
background-image: url('data:image/svg+xml;charset=utf-8,');
background-repeat: no-repeat;
background-size: contain;
width: 16px;
height: 18px
}
main {
padding-top: 100px
}
@media screen and (max-width:1024px) {
main {
padding-top: 60px
}
}
.double-swiper,
.four-swiper,
.single-swiper,
.trinity-swiper {
position: relative
}
.main-menu-toggle {
display: none
}
@media screen and (max-width:1024px) {
.main-menu-toggle {
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
padding-left: 2rem
}
}
@media screen and (max-width:768px) {
.main-menu-toggle {
padding-left: 1rem
}
}
.mobile-wrapper {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-webkit-transition: all .8s;
-o-transition: all .8s;
position: fixed;
top: 50px;
left: 0;
transform: translateY(-100%);
opacity: 0;
z-index: 0;
transition: all .8s;
border-top: 1px solid #f1f1f1;
padding-top: 1.5rem;
width: 100%;
height: 100%;
overflow-y: auto;
pointer-events: none
}
.mobile-wrapper.active {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
z-index: 50;
background-color: #fff;
pointer-events: auto
}
.zone-navigation {
margin-bottom: 2rem
}
.zone-navigation ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center
}
@media screen and (max-width:576px) {
.zone-navigation ul {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
}
.zone-navigation ul li {
margin-right: .5rem;
margin-left: .5rem
}
.zone-navigation ul li.active a {
background-color: #fd0002;
color: #fff;
text-shadow: 1px 0 0 #ba0000
}
.zone-navigation ul a {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
transition: all .3s ease-in-out;
border: 1px solid transparent;
background-color: #efefef;
padding-right: 1rem;
padding-left: 1rem;
min-width: 130px;
height: 40px;
color: #111;
font-size: 1rem
}
.zone-navigation ul a:hover {
border: 1px solid #ba0000;
background-color: #fd0002;
color: #fff
}
@media screen and (max-width:1024px) {
.zone-navigation {
overflow-x: auto
}
}
.news-detail-page .top-banner {
display: none
}
footer {
background: #000;
overflow: hidden
}
.back-to-top {
-webkit-box-shadow: 0 0 13px 0 rgba(0, 0, 0, .09);
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: fixed;
right: 60px;
bottom: 130px;
align-items: center;
justify-content: center;
z-index: 120;
box-shadow: 0 0 13px 0 rgba(0, 0, 0, .09);
border-radius: 9999px;
background-color: #fff;
width: 55px;
height: 55px
}
@media screen and (max-width:1024px) {
.back-to-top {
right: 30px;
bottom: 50px;
width: 40px;
height: 40px
}
}
@media screen and (max-width:768px) {
.back-to-top {
right: 5px
}
}
.subscribe-form {
margin-bottom: .5rem
}
@media (min-width:1024.1px) {
.subscribe-form {
margin-bottom: 1.75rem
}
}
.footer-top {
padding-top: 4rem;
padding-bottom: 3rem
}
.footer-top .title {
color: #fff;
font-size: 1.5rem;
font-weight: 700;
text-transform: uppercase
}
@media (min-width:1280.1px) {
.footer-top .title {
white-space: nowrap
}
}
.footer-top .title * {
color: #fff;
font-size: 1.5rem;
font-weight: 700;
text-transform: uppercase
}
.footer-top .sub-text {
margin-bottom: .75rem;
color: #fd0002;
font-size: 1.25rem;
font-weight: 700;
text-transform: uppercase
}
@media (min-width:1024.1px) {
.footer-top .sub-text {
margin-bottom: .75rem
}
}
.footer-top .footer-brand a {
display: block;
width: auto;
height: 130px
}
.footer-top .footer-brand a img {
-o-object-fit: contain;
width: 100%;
height: 100%;
object-fit: contain
}
.footer-top ul {
padding-left: 20px;
list-style-type: disc
}
.footer-top ul li {
margin-bottom: 1rem;
color: #cecece;
font-size: 1rem;
font-weight: 500
}
.footer-top ul li.active a {
color: #fd0002
}
.footer-top ul li * {
color: #cecece;
font-size: 1rem;
font-weight: 500
}
.footer-top ul li a:hover {
text-decoration: underline
}
.footer-bottom {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
border-top: 1px solid #333;
min-height: 70px
}
.footer-bottom .copyright {
padding-right: 1rem;
padding-left: 1rem;
line-height: 1.5;
text-align: center
}
.footer-bottom .copyright,
.footer-bottom .copyright * {
color: #a0a0a0;
font-size: .875rem;
font-weight: 500
}
header {
-webkit-box-shadow: 0 0 13px 0 rgba(0, 0, 0, .09);
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 121;
box-shadow: 0 0 13px 0 rgba(0, 0, 0, .09);
background-color: #fff;
width: 100%;
height: 100px
}
@media screen and (max-width:1024.1px) {
header {
height: 60px
}
}
header .container {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
align-items: center;
justify-content: flex-end;
height: 100%
}
header .nav-brand {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
position: absolute;
top: 50%;
left: 15px;
transform: translateY(-50%)
}
@media screen and (max-width:1024.1px) {
header .nav-brand {
left: 15px
}
}
header .nav-brand a {
display: block;
width: auto;
height: 80px
}
@media screen and (max-width:1024.1px) {
header .nav-brand a {
height: 50px
}
}
header .nav-brand a img {
-o-object-fit: contain;
width: 160px;
height: 100%;
object-fit: contain
}
header .header-site {
height: 100%
}
@media screen and (max-width:1024px) {
.navbar-primary-menu {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-box-shadow: 0 0 13px 0 rgba(0, 0, 0, .09);
position: fixed;
top: 60px;
left: 0;
align-items: center;
justify-content: center;
transform: translateZ(0);
opacity: 0;
z-index: 1;
backface-visibility: hidden;
margin: 0;
box-shadow: 0 0 13px 0 rgba(0, 0, 0, .09);
background: #fff;
padding: 0;
width: 100%;
height: 100%;
height: 100%;
overflow: hidden;
pointer-events: none;
list-style-type: none
}
.navbar-primary-menu.open-menu {
top: 60px;
opacity: 1;
z-index: 999;
pointer-events: auto
}
.navbar-primary-menu.open-menu .nav {
border-radius: 20px;
padding: 30px 0
}
@media (min-width:1024.1px) {
.navbar-primary-menu.open-menu .nav {
padding: 30px 70px
}
}
.navbar-primary-menu.open-menu .nav>li {
-webkit-transform: translateZ(0);
-webkit-transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
-o-transition: transform .2s ease-out, opacity .2s ease-out;
transform: translateZ(0);
opacity: 1;
transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
transition: transform .2s ease-out, opacity .2s ease-out;
transition: transform .2s ease-out, opacity .2s ease-out, -webkit-transform .2s ease-out
}
.navbar-primary-menu.open-menu .nav>li:first-child {
-webkit-transition-delay: .6s;
-o-transition-delay: .6s;
transition-delay: .6s
}
.navbar-primary-menu.open-menu .nav>li:nth-child(2) {
-webkit-transition-delay: .7s;
-o-transition-delay: .7s;
transition-delay: .7s
}
.navbar-primary-menu.open-menu .nav>li:nth-child(3) {
-webkit-transition-delay: .8s;
-o-transition-delay: .8s;
transition-delay: .8s
}
.navbar-primary-menu.open-menu .nav>li:nth-child(4) {
-webkit-transition-delay: .9s;
-o-transition-delay: .9s;
transition-delay: .9s
}
.navbar-primary-menu.open-menu .nav>li:nth-child(5) {
-webkit-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s
}
.navbar-primary-menu.open-menu .nav>li:nth-child(6) {
-webkit-transition-delay: 1.1s;
-o-transition-delay: 1.1s;
transition-delay: 1.1s
}
}
.navbar-primary-menu .nav {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: flex-start
}
@media screen and (max-width:1024.1px) {
.navbar-primary-menu .nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.navbar-primary-menu .nav>li {
position: relative
}
@media screen and (max-width:1024px) {
.navbar-primary-menu .nav>li {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-transform: translate3d(0, 36px, 0);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: flex-start;
transform: translate3d(0, 36px, 0);
opacity: 0;
padding-top: .5rem;
padding-bottom: .5rem
}
}
.navbar-primary-menu .nav>li.active a,
.navbar-primary-menu .nav>li:hover a {
color: #fd0002
}
.navbar-primary-menu .nav>li.active a:before {
opacity: 1
}
.navbar-primary-menu .nav>li a {
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
display: block;
position: relative;
transition: all .3s ease-in-out;
padding: .5rem 2.25rem;
color: #111;
font-size: 1rem;
font-weight: 500
}
@media screen and (max-width:1280px) {
.navbar-primary-menu .nav>li a {
padding-right: 1.5rem;
padding-left: 1.5rem
}
}
@media screen and (max-width:1024px) {
.navbar-primary-menu .nav>li a {
font-size: 1.5rem
}
}
.navbar-primary-menu .nav>li a:before {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
display: block;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
opacity: 0;
z-index: 10;
transition: all .3s ease-in-out;
border-radius: 9999px;
background-color: #fd0002;
width: 6px;
height: 6px;
pointer-events: none;
content: ""
}
.global-breadcrumb {
padding-top: .5rem;
padding-bottom: .5rem;
height: 40px
}
@media screen and (max-width:576px) {
.global-breadcrumb {
display: none
}
}
@media screen and (max-width:400px) {
.global-breadcrumb {
display: none
}
}
.global-breadcrumb ol {
padding: 0;
list-style-type: none;
white-space: nowrap
}
.global-breadcrumb ol li {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
padding-right: 15px;
font-size: 16px;
line-height: 23px
}
.global-breadcrumb ol li.active a,
.global-breadcrumb ol li.active span {
color: #999
}
.global-breadcrumb ol li:after {
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
display: block;
position: absolute;
right: 7px;
bottom: 6px;
z-index: 9;
transition: all .3s ease-in-out;
width: 1px;
height: 15px;
pointer-events: none;
color: #999;
content: "/"
}
.global-breadcrumb ol li:last-child:after {
display: none
}
.global-breadcrumb ol li:last-child a {
color: #999
}
.global-breadcrumb ol li a,
.global-breadcrumb ol li span {
color: #999;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-decoration: none
}
.global-breadcrumb ol li a.active span,
.global-breadcrumb ol li span.active span {
color: #19469a
}
@media screen and (max-width:1200px) {
.global-breadcrumb {
margin-bottom: 0
}
}
@media screen and (max-width:768px) {
.global-breadcrumb {
margin-bottom: 0
}
}
@media screen and (max-width:576px) {
.global-breadcrumb .breadcrumb li {
font-size: 12px;
line-height: 20px
}
.global-breadcrumb .breadcrumb li a,
.global-breadcrumb .breadcrumb li a span {
font-size: 12px;
font-weight: 300;
line-height: 20px
}
}
.modulepager {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
padding-top: 2rem;
padding-bottom: 0;
padding-bottom: 30px
}
.modulepager ul {
position: relative;
margin: 0;
padding: 0
}
.modulepager ul li {
display: inline-block;
padding: 0 10px
}
.modulepager ul li:last-child() {
position: relative
}
.modulepager ul li:last-child():after {
font-family: Material Design Icons;
font-size: 20px;
content: "\f142"
}
.modulepager ul li.active a,
.modulepager ul li.active span,
.modulepager ul li:hover a,
.modulepager ul li:hover span {
border: none;
background: #ba0000;
color: #fff
}
.modulepager ul li a,
.modulepager ul li span {
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
transition: all .3s ease-in-out;
border: none;
background: #999;
width: 40px;
height: 40px;
color: #fff;
font-size: 1rem;
text-decoration: none
}
@media screen and (max-width:1024px) {
.modulepager ul li a,
.modulepager ul li span {
width: 32px;
height: 32px
}
}
@media screen and (max-width:1024px) {
.top-banner .wrapper a {
display: block;
position: relative;
padding-top: 27.60417%;
height: 0;
overflow: hidden
}
.top-banner .wrapper a img {
-o-object-fit: cover;
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s ease-in-out all;
position: absolute;
top: 0;
left: 0;
transition: all .3s ease-in-out;
width: 100%;
height: 100%;
object-fit: cover
}
}
@media (min-width:1024.1px) {
.top-banner .wrapper a {
display: block;
width: auto;
height: 530px
}
.top-banner .wrapper a img {
-o-object-fit: cover;
width: 100%;
height: 100%;
object-fit: cover
}
}
.career-detail {
background: -o-linear-gradient(267.94deg, hsla(0, 0%, 76.9%, 0) 35.86%, #f4f4f4 107.06%);
background: linear-gradient(182.06deg, hsla(0, 0%, 76.9%, 0) 35.86%, #f4f4f4 107.06%);
padding-top: 3rem;
padding-bottom: 3rem
}
@media (min-width:1024.1px) {
.career-detail {
padding-top: 4rem;
padding-bottom: 4rem
}
}
.career-detail .fullcontent,
.career-detail .fullcontent * {
color: #333;
font-size: 1.125rem;
font-weight: 500
}
.career-detail .fullcontent * {
margin-bottom: 1.5rem
}
.career-detail .fullcontent strong {
font-weight: 700
}
.career-detail .content-wrap {
padding-top: 2rem
}
@media (min-width:1024.1px) {
.career-detail .content-wrap {
padding-top: 3rem
}
}
.career-detail .content-wrap h3 {
display: block;
margin-bottom: .5rem;
color: #111;
font-size: 1.5rem;
font-weight: 700
}
.career-detail .content-wrap .quantity,
.career-detail .content-wrap .quantity * {
color: #666;
font-size: 1rem;
font-weight: 500
}
.career-detail .description {
margin-top: 1.25rem
}
.career-detail .description,
.career-detail .description * {
color: #333;
font-size: 1.125rem;
font-weight: 500
}
.career-detail .description ul {
margin-bottom: 1.5rem
}
.career-detail .description ul li {
color: #333;
font-size: 1.125rem;
font-weight: 500
}
.career-detail .btn-center {
margin-top: 1.25rem
}
.career-1 {
background: -o-linear-gradient(267.94deg, hsla(0, 0%, 76.9%, 0) 35.86%, #ececec 107.06%);
background: linear-gradient(182.06deg, hsla(0, 0%, 76.9%, 0) 35.86%, #ececec 107.06%);
padding-top: 3rem;
padding-bottom: 4rem
}
@media (min-width:1024.1px) {
.career-1 {
padding-top: 4rem;
padding-bottom: 5rem
}
}
.career-1 .wrapper {
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .0784313725490196);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, .0784313725490196);
border-radius: 40px;
background-color: #fff;
padding-top: 1.25rem;
padding-bottom: 4rem
}
@media screen and (max-width:576px) {
.career-1 .wrapper {
padding: 2rem
}
}
.career-1 .support-wrapper .toggle-item:not(:last-child) {
margin-bottom: 1rem
}
.career-1 .support-wrapper .toggle-item .title {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: space-between
}
.career-1 .support-wrapper .toggle-item .title:hover em {
background-color: #fd0002;
color: #fff
}
.career-1 .support-wrapper .toggle-item .title p span {
color: #111;
font-size: 1.5rem;
font-weight: 700
}
@media (min-width:576px) {
.career-1 .support-wrapper .toggle-item .title p span {
font-size: 1.75rem
}
}
@media (min-width:1024.1px) {
.career-1 .support-wrapper .toggle-item .title p span {
font-size: 2.5rem
}
}
.career-1 .support-wrapper .toggle-item .title em {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
transition: all .3s ease-in-out;
border-radius: 9999px;
background: #f1f1f1;
width: 32px;
height: 32px;
color: #fd0002;
font-size: 28px
}
.career-1 .support-wrapper .toggle-item .article {
display: none
}
.career-list {
padding-top: 4rem;
padding-bottom: 4rem
}
@media (min-width:1024.1px) {
.career-list {
padding-bottom: 5rem
}
}
.career-list .career-item {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-align: center;
-ms-flex-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #cecece;
padding-top: 1rem;
padding-bottom: 1rem
}
.career-list .career-item:first-child {
border-top: 1px solid #cecece
}
.career-list .career-item span {
color: #111;
font-size: 1.125rem;
font-weight: 700
}
.career-list .career-item em {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s all ease-in-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
transition: all .3s ease-in-out;
border-radius: 9999px;
background: #f1f1f1;
width: 32px;
height: 32px;
color: #fd0002;
font-size: 28px
}
.career-list .career-item:hover em {
background-color: #fd0002;
color: #fff
}
.home-1 {
background: -o-linear-gradient(267.94deg, hsla(0, 0%, 76.9%, 0) 35.86%, #ececec 107.06%);
background: linear-gradient(182.06deg, hsla(0, 0%, 76.9%, 0) 35.86%, #ececec 107.06%)
}
@media screen and (max-width:1024px) {
.home-1 {
padding-top: 1rem
}
}
@media screen and (max-width:1024px) {
.home-1 .block-title {
padding-top: 2rem
}
}
.home-1 .container .row:nth-child(2n) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.home-1 .txt {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: start;
-ms-flex-align: start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
height: 100%
}
@media (min-width:1024.1px) {
.home-1 .txt {
padding-top: 2.5rem
}
}
.home-1 .caption,
.home-1 .caption * {
font-weight: 400
}
.home-1 .sub-text {
margin-bottom: 1rem;
color: #333;
font-size: 1.5rem;
font-weight: 600
}
.primary-banner {
position: relative;
z-index: 10
}
.primary-banner .swiper-container {
position: relative;
overflow: hidden
}
.primary-banner:hover .nav-arrow-next,
.primary-banner:hover .nav-arrow-prev {
opacity: 1
}
@media screen and (max-width:1024px) {
.primary-banner .btn-left {
padding-left: 8px
}
}
@media screen and (max-width:576px) {
.primary-banner .btn-left {
padding-left: 0
}
}
.primary-banner .swiper-container .image-wrap {
position: relative
}
@media (min-width:1024.1px) {
.primary-banner .swiper-container .image-wrap a {
display: block;
width: auto;
height: calc(100vh - 100px)
}
.primary-banner .swiper-container .image-wrap a img {
-o-object-fit: cover;
width: 100%;
height: 100%;
object-fit: cover
}
}
@media screen and (max-width:1024px) {
.primary-banner .swiper-container .image-wrap a {
display: block;
position: relative;
padding-top: 51.04167%;
height: 0;
overflow: hidden
}
.primary-banner .swiper-container .image-wrap a img {
-o-object-fit: cover;
-webkit-transition: all .3s ease-in-out;
-o-transition: .3s ease-in-out all;
position: absolute;
top: 0;
left: 0;
transition: all .3s ease-in-out;
width: 100%;
height: 100%;
object-fit: cover
}
}
.primary-banner .wrap {
position: relative
}
@media screen and (max-width:1024px) {
.primary-banner .wrap {
position: static;
height: 100%
}
}
.primary-banner .txt {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
position: absolute;
left: 50%;
transform: translateX(-50%);
text-align: center
}
@media screen and (max-width:1024px) {
.primary-banner .txt {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
top: 50%;
transform: translate(-50%, -50%)
}
}
@media (min-width:1024.1px) {
.primary-banner .txt {
bottom: 150px
}
}
@media screen and (min-width:1280px) and (max-width:1440px) {
.primary-banner .txt {
bottom: 100px
}
}
.primary-banner .title {
-webkit-background-clip: text;
position: relative;
margin-bottom: .75rem;
background-clip: text;
background-image: -webkit-gradient(linear, left top, left bottom, from(#bd343a), to(#fd0002));
background-image: -o-linear-gradient(top, #bd343a 0, #fd0002 100%);
background-image: linear-gradient(180deg, #bd343a, #fd0002);
color: transparent;
font-size: 2.5rem;
font-weight: 700;
text-transform: uppercase
}
@media screen and (max-width:576px) {
.primary-banner .title {
font-size: 2rem;
white-space: nowrap
}
}
@media (min-width:1024.1px) {
.primary-banner .title {
font-size: 3rem
}
}
@media screen and (min-width:1280px) {
.primary-banner .title {
font-size: 72px;
white-space: nowrap
}
}
.primary-banner .description {
color: #111;
font-size: 1.5rem;
font-weight: 700;
text-transform: uppercase
}
@media screen and (max-width:576px) {
.primary-banner .description {
font-size: 1.25rem
}
}
@media (min-width:1024.1px) {
.primary-banner .description {
font-size: 1.875rem
}
}
.home-2 {
background: -o-linear-gradient(267.94deg, hsla(0, 0%, 76.9%, 0) 35.86%, #f4f4f4 107.06%);
background: linear-gradient(182.06deg, hsla(0, 0%, 76.9%, 0) 35.86%, #f4f4f4 107.06%);
padding-top: 2rem;
padding-bottom: 2rem
}
@media screen and (max-width:1024px) {
.home-2 {
padding-top: 3rem
}
}
@media screen and (max-width:1024px) {
.home-2 .block-title {
padding-top: 2rem
}
}
.home-2 .container .row:nth-child(2n) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.home-2 .txt {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-box-align: start;
-ms-flex-align: start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
height: 100%
}
@media (min-width:1024.1px) {
.home-2 .txt {
padding-top: 2.5rem
}
}
.home-2 .sub-text {
margin-bottom: 1rem;
color: #333;
font-size: 1.5rem;
font-weight: 600
}
.home-2 .btn-primary {
margin-top: 1.25rem
}
@media screen and (max-width:576px) {
.home-2 .btn-left {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%
}
}
.home-2 .caption,
.home-2 .caption * {
font-weight: 400
}
.home-explore {
padding-top: 3rem;
padding-bottom: 3rem
}
.home-explore .caption,
.home-explore .caption * {
font-weight: 400
}
.home-explore .caption p {
margin-bottom: 1rem
}
.home-explore .btn-gap {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
@media screen and (max-width:1024px) {
.home-explore .btn-gap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
flex-direction: column;
align-items: center
}
}
@media screen and (max-width:1024px) {
.home-explore .btn-primary {
margin-top: 1rem
}
}
@media (min-width:576px) {
.sm\:overflow-auto {
overflow: auto
}
.sm\:overflow-hidden {
overflow: hidden
}
.sm\:overflow-visible {
overflow: visible
}
.sm\:overflow-scroll {
overflow: scroll
}
.sm\:overflow-x-auto {
overflow-x: auto
}
.sm\:overflow-y-auto {
overflow-y: auto
}
.sm\:overflow-x-hidden {
overflow-x: hidden
}
.sm\:overflow-y-hidden {
overflow-y: hidden
}
.sm\:overflow-x-visible {
overflow-x: visible
}
.sm\:overflow-y-visible {
overflow-y: visible
}
.sm\:overflow-x-scroll {
overflow-x: scroll
}
.sm\:overflow-y-scroll {
overflow-y: scroll
}
.sm\:italic {
font-style: italic
}
.sm\:not-italic {
font-style: normal
}
.sm\:block {
display: block
}
.sm\:inline-block {
display: inline-block
}
.sm\:inline {
display: inline
}
.sm\:flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.sm\:inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
.sm\:table {
display: table
}
.sm\:inline-table {
display: inline-table
}
.sm\:table-caption {
display: table-caption
}
.sm\:table-cell {
display: table-cell
}
.sm\:table-column {
display: table-column
}
.sm\:table-column-group {
display: table-column-group
}
.sm\:table-footer-group {
display: table-footer-group
}
.sm\:table-header-group {
display: table-header-group
}
.sm\:table-row-group {
display: table-row-group
}
.sm\:table-row {
display: table-row
}
.sm\:flow-root {
display: flow-root
}
.sm\:grid {
display: grid
}
.sm\:inline-grid {
display: inline-grid
}
.sm\:contents {
display: contents
}
.sm\:list-item {
display: list-item
}
.sm\:hidden {
display: none
}
.sm\:text-left {
text-align: left
}
.sm\:text-center {
text-align: center
}
.sm\:text-right {
text-align: right
}
.sm\:text-justify {
text-align: justify
}
.sm\:uppercase {
text-transform: uppercase
}
.sm\:lowercase {
text-transform: lowercase
}
.sm\:capitalize {
text-transform: capitalize
}
.sm\:normal-case {
text-transform: none
}
.sm\:pointer-events-none {
pointer-events: none
}
.sm\:pointer-events-auto {
pointer-events: auto
}
.sm\:flex-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.sm\:flex-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.sm\:flex-col {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.sm\:flex-col-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.sm\:w-0 {
width: 0
}
.sm\:w-1 {
width: .25rem
}
.sm\:w-2 {
width: .5rem
}
.sm\:w-3 {
width: .75rem
}
.sm\:w-4 {
width: 1rem
}
.sm\:w-5 {
width: 1.25rem
}
.sm\:w-6 {
width: 1.5rem
}
.sm\:w-7 {
width: 1.75rem
}
.sm\:w-8 {
width: 2rem
}
.sm\:w-9 {
width: 2.25rem
}
.sm\:w-10 {
width: 2.5rem
}
.sm\:w-11 {
width: 2.75rem
}
.sm\:w-12 {
width: 3rem
}
.sm\:w-14 {
width: 3.5rem
}
.sm\:w-15 {
width: 3.75rem
}
.sm\:w-16 {
width: 4rem
}
.sm\:w-18 {
width: 4.5rem
}
.sm\:w-20 {
width: 5rem
}
.sm\:w-22 {
width: 5.5rem
}
.sm\:w-24 {
width: 6rem
}
.sm\:w-26 {
width: 6.5rem
}
.sm\:w-28 {
width: 7rem
}
.sm\:w-30 {
width: 7.5rem
}
.sm\:w-32 {
width: 8rem
}
.sm\:w-36 {
width: 9rem
}
.sm\:w-40 {
width: 10rem
}
.sm\:w-44 {
width: 11rem
}
.sm\:w-48 {
width: 12rem
}
.sm\:w-52 {
width: 13rem
}
.sm\:w-56 {
width: 14rem
}
.sm\:w-60 {
width: 15rem
}
.sm\:w-64 {
width: 16rem
}
.sm\:w-72 {
width: 18rem
}
.sm\:w-80 {
width: 20rem
}
.sm\:w-96 {
width: 24rem
}
.sm\:w-auto {
width: auto
}
.sm\:w-px {
width: 1px
}
.sm\:w-0\.5 {
width: .125rem
}
.sm\:w-1\.5 {
width: .375rem
}
.sm\:w-2\.5 {
width: .625rem
}
.sm\:w-3\.5 {
width: .875rem
}
.sm\:w-1\/2 {
width: 50%
}
.sm\:w-1\/3 {
width: 33.333333%
}
.sm\:w-2\/3 {
width: 66.666667%
}
.sm\:w-1\/4 {
width: 25%
}
.sm\:w-2\/4 {
width: 50%
}
.sm\:w-3\/4 {
width: 75%
}
.sm\:w-1\/5 {
width: 20%
}
.sm\:w-2\/5 {
width: 40%
}
.sm\:w-3\/5 {
width: 60%
}
.sm\:w-4\/5 {
width: 80%
}
.sm\:w-1\/6 {
width: 16.666667%
}
.sm\:w-2\/6 {
width: 33.333333%
}
.sm\:w-3\/6 {
width: 50%
}
.sm\:w-4\/6 {
width: 66.666667%
}
.sm\:w-5\/6 {
width: 83.333333%
}
.sm\:w-1\/12 {
width: 8.333333%
}
.sm\:w-2\/12 {
width: 16.666667%
}
.sm\:w-3\/12 {
width: 25%
}
.sm\:w-4\/12 {
width: 33.333333%
}
.sm\:w-5\/12 {
width: 41.666667%
}
.sm\:w-6\/12 {
width: 50%
}
.sm\:w-7\/12 {
width: 58.333333%
}
.sm\:w-8\/12 {
width: 66.666667%
}
.sm\:w-9\/12 {
width: 75%
}
.sm\:w-10\/12 {
width: 83.333333%
}
.sm\:w-11\/12 {
width: 91.666667%
}
.sm\:w-full {
width: 100%
}
.sm\:w-screen {
width: 100vw
}
.sm\:w-min {
width: -webkit-min-content;
width: -moz-min-content;
width: min-content
}
.sm\:w-max {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content
}
}
@media (min-width:768px) {
.md\:overflow-auto {
overflow: auto
}
.md\:overflow-hidden {
overflow: hidden
}
.md\:overflow-visible {
overflow: visible
}
.md\:overflow-scroll {
overflow: scroll
}
.md\:overflow-x-auto {
overflow-x: auto
}
.md\:overflow-y-auto {
overflow-y: auto
}
.md\:overflow-x-hidden {
overflow-x: hidden
}
.md\:overflow-y-hidden {
overflow-y: hidden
}
.md\:overflow-x-visible {
overflow-x: visible
}
.md\:overflow-y-visible {
overflow-y: visible
}
.md\:overflow-x-scroll {
overflow-x: scroll
}
.md\:overflow-y-scroll {
overflow-y: scroll
}
.md\:italic {
font-style: italic
}
.md\:not-italic {
font-style: normal
}
.md\:block {
display: block
}
.md\:inline-block {
display: inline-block
}
.md\:inline {
display: inline
}
.md\:flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.md\:inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
.md\:table {
display: table
}
.md\:inline-table {
display: inline-table
}
.md\:table-caption {
display: table-caption
}
.md\:table-cell {
display: table-cell
}
.md\:table-column {
display: table-column
}
.md\:table-column-group {
display: table-column-group
}
.md\:table-footer-group {
display: table-footer-group
}
.md\:table-header-group {
display: table-header-group
}
.md\:table-row-group {
display: table-row-group
}
.md\:table-row {
display: table-row
}
.md\:flow-root {
display: flow-root
}
.md\:grid {
display: grid
}
.md\:inline-grid {
display: inline-grid
}
.md\:contents {
display: contents
}
.md\:list-item {
display: list-item
}
.md\:hidden {
display: none
}
.md\:text-left {
text-align: left
}
.md\:text-center {
text-align: center
}
.md\:text-right {
text-align: right
}
.md\:text-justify {
text-align: justify
}
.md\:uppercase {
text-transform: uppercase
}
.md\:lowercase {
text-transform: lowercase
}
.md\:capitalize {
text-transform: capitalize
}
.md\:normal-case {
text-transform: none
}
.md\:pointer-events-none {
pointer-events: none
}
.md\:pointer-events-auto {
pointer-events: auto
}
.md\:flex-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.md\:flex-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.md\:flex-col {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.md\:flex-col-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.md\:w-0 {
width: 0
}
.md\:w-1 {
width: .25rem
}
.md\:w-2 {
width: .5rem
}
.md\:w-3 {
width: .75rem
}
.md\:w-4 {
width: 1rem
}
.md\:w-5 {
width: 1.25rem
}
.md\:w-6 {
width: 1.5rem
}
.md\:w-7 {
width: 1.75rem
}
.md\:w-8 {
width: 2rem
}
.md\:w-9 {
width: 2.25rem
}
.md\:w-10 {
width: 2.5rem
}
.md\:w-11 {
width: 2.75rem
}
.md\:w-12 {
width: 3rem
}
.md\:w-14 {
width: 3.5rem
}
.md\:w-15 {
width: 3.75rem
}
.md\:w-16 {
width: 4rem
}
.md\:w-18 {
width: 4.5rem
}
.md\:w-20 {
width: 5rem
}
.md\:w-22 {
width: 5.5rem
}
.md\:w-24 {
width: 6rem
}
.md\:w-26 {
width: 6.5rem
}
.md\:w-28 {
width: 7rem
}
.md\:w-30 {
width: 7.5rem
}
.md\:w-32 {
width: 8rem
}
.md\:w-36 {
width: 9rem
}
.md\:w-40 {
width: 10rem
}
.md\:w-44 {
width: 11rem
}
.md\:w-48 {
width: 12rem
}
.md\:w-52 {
width: 13rem
}
.md\:w-56 {
width: 14rem
}
.md\:w-60 {
width: 15rem
}
.md\:w-64 {
width: 16rem
}
.md\:w-72 {
width: 18rem
}
.md\:w-80 {
width: 20rem
}
.md\:w-96 {
width: 24rem
}
.md\:w-auto {
width: auto
}
.md\:w-px {
width: 1px
}
.md\:w-0\.5 {
width: .125rem
}
.md\:w-1\.5 {
width: .375rem
}
.md\:w-2\.5 {
width: .625rem
}
.md\:w-3\.5 {
width: .875rem
}
.md\:w-1\/2 {
width: 50%
}
.md\:w-1\/3 {
width: 33.333333%
}
.md\:w-2\/3 {
width: 66.666667%
}
.md\:w-1\/4 {
width: 25%
}
.md\:w-2\/4 {
width: 50%
}
.md\:w-3\/4 {
width: 75%
}
.md\:w-1\/5 {
width: 20%
}
.md\:w-2\/5 {
width: 40%
}
.md\:w-3\/5 {
width: 60%
}
.md\:w-4\/5 {
width: 80%
}
.md\:w-1\/6 {
width: 16.666667%
}
.md\:w-2\/6 {
width: 33.333333%
}
.md\:w-3\/6 {
width: 50%
}
.md\:w-4\/6 {
width: 66.666667%
}
.md\:w-5\/6 {
width: 83.333333%
}
.md\:w-1\/12 {
width: 8.333333%
}
.md\:w-2\/12 {
width: 16.666667%
}
.md\:w-3\/12 {
width: 25%
}
.md\:w-4\/12 {
width: 33.333333%
}
.md\:w-5\/12 {
width: 41.666667%
}
.md\:w-6\/12 {
width: 50%
}
.md\:w-7\/12 {
width: 58.333333%
}
.md\:w-8\/12 {
width: 66.666667%
}
.md\:w-9\/12 {
width: 75%
}
.md\:w-10\/12 {
width: 83.333333%
}
.md\:w-11\/12 {
width: 91.666667%
}
.md\:w-full {
width: 100%
}
.md\:w-screen {
width: 100vw
}
.md\:w-min {
width: -webkit-min-content;
width: -moz-min-content;
width: min-content
}
.md\:w-max {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content
}
}
@media (min-width:1024.1px) {
.lg\:overflow-auto {
overflow: auto
}
.lg\:overflow-hidden {
overflow: hidden
}
.lg\:overflow-visible {
overflow: visible
}
.lg\:overflow-scroll {
overflow: scroll
}
.lg\:overflow-x-auto {
overflow-x: auto
}
.lg\:overflow-y-auto {
overflow-y: auto
}
.lg\:overflow-x-hidden {
overflow-x: hidden
}
.lg\:overflow-y-hidden {
overflow-y: hidden
}
.lg\:overflow-x-visible {
overflow-x: visible
}
.lg\:overflow-y-visible {
overflow-y: visible
}
.lg\:overflow-x-scroll {
overflow-x: scroll
}
.lg\:overflow-y-scroll {
overflow-y: scroll
}
.lg\:italic {
font-style: italic
}
.lg\:not-italic {
font-style: normal
}
.lg\:block {
display: block
}
.lg\:inline-block {
display: inline-block
}
.lg\:inline {
display: inline
}
.lg\:flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.lg\:inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
.lg\:table {
display: table
}
.lg\:inline-table {
display: inline-table
}
.lg\:table-caption {
display: table-caption
}
.lg\:table-cell {
display: table-cell
}
.lg\:table-column {
display: table-column
}
.lg\:table-column-group {
display: table-column-group
}
.lg\:table-footer-group {
display: table-footer-group
}
.lg\:table-header-group {
display: table-header-group
}
.lg\:table-row-group {
display: table-row-group
}
.lg\:table-row {
display: table-row
}
.lg\:flow-root {
display: flow-root
}
.lg\:grid {
display: grid
}
.lg\:inline-grid {
display: inline-grid
}
.lg\:contents {
display: contents
}
.lg\:list-item {
display: list-item
}
.lg\:hidden {
display: none
}
.lg\:text-left {
text-align: left
}
.lg\:text-center {
text-align: center
}
.lg\:text-right {
text-align: right
}
.lg\:text-justify {
text-align: justify
}
.lg\:uppercase {
text-transform: uppercase
}
.lg\:lowercase {
text-transform: lowercase
}
.lg\:capitalize {
text-transform: capitalize
}
.lg\:normal-case {
text-transform: none
}
.lg\:pointer-events-none {
pointer-events: none
}
.lg\:pointer-events-auto {
pointer-events: auto
}
.lg\:flex-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.lg\:flex-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.lg\:flex-col {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.lg\:flex-col-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.lg\:w-0 {
width: 0
}
.lg\:w-1 {
width: .25rem
}
.lg\:w-2 {
width: .5rem
}
.lg\:w-3 {
width: .75rem
}
.lg\:w-4 {
width: 1rem
}
.lg\:w-5 {
width: 1.25rem
}
.lg\:w-6 {
width: 1.5rem
}
.lg\:w-7 {
width: 1.75rem
}
.lg\:w-8 {
width: 2rem
}
.lg\:w-9 {
width: 2.25rem
}
.lg\:w-10 {
width: 2.5rem
}
.lg\:w-11 {
width: 2.75rem
}
.lg\:w-12 {
width: 3rem
}
.lg\:w-14 {
width: 3.5rem
}
.lg\:w-15 {
width: 3.75rem
}
.lg\:w-16 {
width: 4rem
}
.lg\:w-18 {
width: 4.5rem
}
.lg\:w-20 {
width: 5rem
}
.lg\:w-22 {
width: 5.5rem
}
.lg\:w-24 {
width: 6rem
}
.lg\:w-26 {
width: 6.5rem
}
.lg\:w-28 {
width: 7rem
}
.lg\:w-30 {
width: 7.5rem
}
.lg\:w-32 {
width: 8rem
}
.lg\:w-36 {
width: 9rem
}
.lg\:w-40 {
width: 10rem
}
.lg\:w-44 {
width: 11rem
}
.lg\:w-48 {
width: 12rem
}
.lg\:w-52 {
width: 13rem
}
.lg\:w-56 {
width: 14rem
}
.lg\:w-60 {
width: 15rem
}
.lg\:w-64 {
width: 16rem
}
.lg\:w-72 {
width: 18rem
}
.lg\:w-80 {
width: 20rem
}
.lg\:w-96 {
width: 24rem
}
.lg\:w-auto {
width: auto
}
.lg\:w-px {
width: 1px
}
.lg\:w-0\.5 {
width: .125rem
}
.lg\:w-1\.5 {
width: .375rem
}
.lg\:w-2\.5 {
width: .625rem
}
.lg\:w-3\.5 {
width: .875rem
}
.lg\:w-1\/2 {
width: 50%
}
.lg\:w-1\/3 {
width: 33.333333%
}
.lg\:w-2\/3 {
width: 66.666667%
}
.lg\:w-1\/4 {
width: 25%
}
.lg\:w-2\/4 {
width: 50%
}
.lg\:w-3\/4 {
width: 75%
}
.lg\:w-1\/5 {
width: 20%
}
.lg\:w-2\/5 {
width: 40%
}
.lg\:w-3\/5 {
width: 60%
}
.lg\:w-4\/5 {
width: 80%
}
.lg\:w-1\/6 {
width: 16.666667%
}
.lg\:w-2\/6 {
width: 33.333333%
}
.lg\:w-3\/6 {
width: 50%
}
.lg\:w-4\/6 {
width: 66.666667%
}
.lg\:w-5\/6 {
width: 83.333333%
}
.lg\:w-1\/12 {
width: 8.333333%
}
.lg\:w-2\/12 {
width: 16.666667%
}
.lg\:w-3\/12 {
width: 25%
}
.lg\:w-4\/12 {
width: 33.333333%
}
.lg\:w-5\/12 {
width: 41.666667%
}
.lg\:w-6\/12 {
width: 50%
}
.lg\:w-7\/12 {
width: 58.333333%
}
.lg\:w-8\/12 {
width: 66.666667%
}
.lg\:w-9\/12 {
width: 75%
}
.lg\:w-10\/12 {
width: 83.333333%
}
.lg\:w-11\/12 {
width: 91.666667%
}
.lg\:w-full {
width: 100%
}
.lg\:w-screen {
width: 100vw
}
.lg\:w-min {
width: -webkit-min-content;
width: -moz-min-content;
width: min-content
}
.lg\:w-max {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content
}
}
@media (min-width:1280.1px) {
.xl\:overflow-auto {
overflow: auto
}
.xl\:overflow-hidden {
overflow: hidden
}
.xl\:overflow-visible {
overflow: visible
}
.xl\:overflow-scroll {
overflow: scroll
}
.xl\:overflow-x-auto {
overflow-x: auto
}
.xl\:overflow-y-auto {
overflow-y: auto
}
.xl\:overflow-x-hidden {
overflow-x: hidden
}
.xl\:overflow-y-hidden {
overflow-y: hidden
}
.xl\:overflow-x-visible {
overflow-x: visible
}
.xl\:overflow-y-visible {
overflow-y: visible
}
.xl\:overflow-x-scroll {
overflow-x: scroll
}
.xl\:overflow-y-scroll {
overflow-y: scroll
}
.xl\:italic {
font-style: italic
}
.xl\:not-italic {
font-style: normal
}
.xl\:block {
display: block
}
.xl\:inline-block {
display: inline-block
}
.xl\:inline {
display: inline
}
.xl\:flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.xl\:inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
.xl\:table {
display: table
}
.xl\:inline-table {
display: inline-table
}
.xl\:table-caption {
display: table-caption
}
.xl\:table-cell {
display: table-cell
}
.xl\:table-column {
display: table-column
}
.xl\:table-column-group {
display: table-column-group
}
.xl\:table-footer-group {
display: table-footer-group
}
.xl\:table-header-group {
display: table-header-group
}
.xl\:table-row-group {
display: table-row-group
}
.xl\:table-row {
display: table-row
}
.xl\:flow-root {
display: flow-root
}
.xl\:grid {
display: grid
}
.xl\:inline-grid {
display: inline-grid
}
.xl\:contents {
display: contents
}
.xl\:list-item {
display: list-item
}
.xl\:hidden {
display: none
}
.xl\:text-left {
text-align: left
}
.xl\:text-center {
text-align: center
}
.xl\:text-right {
text-align: right
}
.xl\:text-justify {
text-align: justify
}
.xl\:uppercase {
text-transform: uppercase
}
.xl\:lowercase {
text-transform: lowercase
}
.xl\:capitalize {
text-transform: capitalize
}
.xl\:normal-case {
text-transform: none
}
.xl\:pointer-events-none {
pointer-events: none
}
.xl\:pointer-events-auto {
pointer-events: auto
}
.xl\:flex-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.xl\:flex-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.xl\:flex-col {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.xl\:flex-col-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.xl\:w-0 {
width: 0
}
.xl\:w-1 {
width: .25rem
}
.xl\:w-2 {
width: .5rem
}
.xl\:w-3 {
width: .75rem
}
.xl\:w-4 {
width: 1rem
}
.xl\:w-5 {
width: 1.25rem
}
.xl\:w-6 {
width: 1.5rem
}
.xl\:w-7 {
width: 1.75rem
}
.xl\:w-8 {
width: 2rem
}
.xl\:w-9 {
width: 2.25rem
}
.xl\:w-10 {
width: 2.5rem
}
.xl\:w-11 {
width: 2.75rem
}
.xl\:w-12 {
width: 3rem
}
.xl\:w-14 {
width: 3.5rem
}
.xl\:w-15 {
width: 3.75rem
}
.xl\:w-16 {
width: 4rem
}
.xl\:w-18 {
width: 4.5rem
}
.xl\:w-20 {
width: 5rem
}
.xl\:w-22 {
width: 5.5rem
}
.xl\:w-24 {
width: 6rem
}
.xl\:w-26 {
width: 6.5rem
}
.xl\:w-28 {
width: 7rem
}
.xl\:w-30 {
width: 7.5rem
}
.xl\:w-32 {
width: 8rem
}
.xl\:w-36 {
width: 9rem
}
.xl\:w-40 {
width: 10rem
}
.xl\:w-44 {
width: 11rem
}
.xl\:w-48 {
width: 12rem
}
.xl\:w-52 {
width: 13rem
}
.xl\:w-56 {
width: 14rem
}
.xl\:w-60 {
width: 15rem
}
.xl\:w-64 {
width: 16rem
}
.xl\:w-72 {
width: 18rem
}
.xl\:w-80 {
width: 20rem
}
.xl\:w-96 {
width: 24rem
}
.xl\:w-auto {
width: auto
}
.xl\:w-px {
width: 1px
}
.xl\:w-0\.5 {
width: .125rem
}
.xl\:w-1\.5 {
width: .375rem
}
.xl\:w-2\.5 {
width: .625rem
}
.xl\:w-3\.5 {
width: .875rem
}
.xl\:w-1\/2 {
width: 50%
}
.xl\:w-1\/3 {
width: 33.333333%
}
.xl\:w-2\/3 {
width: 66.666667%
}
.xl\:w-1\/4 {
width: 25%
}
.xl\:w-2\/4 {
width: 50%
}
.xl\:w-3\/4 {
width: 75%
}
.xl\:w-1\/5 {
width: 20%
}
.xl\:w-2\/5 {
width: 40%
}
.xl\:w-3\/5 {
width: 60%
}
.xl\:w-4\/5 {
width: 80%
}
.xl\:w-1\/6 {
width: 16.666667%
}
.xl\:w-2\/6 {
width: 33.333333%
}
.xl\:w-3\/6 {
width: 50%
}
.xl\:w-4\/6 {
width: 66.666667%
}
.xl\:w-5\/6 {
width: 83.333333%
}
.xl\:w-1\/12 {
width: 8.333333%
}
.xl\:w-2\/12 {
width: 16.666667%
}
.xl\:w-3\/12 {
width: 25%
}
.xl\:w-4\/12 {
width: 33.333333%
}
.xl\:w-5\/12 {
width: 41.666667%
}
.xl\:w-6\/12 {
width: 50%
}
.xl\:w-7\/12 {
width: 58.333333%
}
.xl\:w-8\/12 {
width: 66.666667%
}
.xl\:w-9\/12 {
width: 75%
}
.xl\:w-10\/12 {
width: 83.333333%
}
.xl\:w-11\/12 {
width: 91.666667%
}
.xl\:w-full {
width: 100%
}
.xl\:w-screen {
width: 100vw
}
.xl\:w-min {
width: -webkit-min-content;
width: -moz-min-content;
width: min-content
}
.xl\:w-max {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content
}
}