*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body,
div,
span,
select,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
main,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

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

img {
  max-width: 100%;
  border-width: 0;
  vertical-align: middle;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

:root {
  --line-width: 1px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
  :root {
    --line-width: 0.5px;
    --line-width-negative: -0.5px;
  }
}

button {
  padding-inline: 0;
  padding-block: 0;
}

@keyframes underline {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes stretch {
  0% {
    height: 0;
  }
  100% {
    height: 80px;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate(-50%, -100%);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
@keyframes bounce {
  0% {
    transform: translateZ(0);
  }
  to {
    transform: translate3d(0, -15px, 0);
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes spin {
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes opendrawer {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes closedrawer {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes opendrawerRTL {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes closedrawerRTL {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes fadeInOverlay {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.15;
  }
}
@keyframes fadeOutOverlay {
  from {
    opacity: 0.15;
  }
  to {
    opacity: 0;
  }
}
.duration-50 {
  animation-duration: 50ms;
}

.duration-150 {
  animation-duration: 150ms;
}

.duration-300 {
  animation-duration: 300ms;
}

.duration-400 {
  animation-duration: 400ms;
}

.duration-500 {
  animation-duration: 500ms;
}

.duration-700 {
  animation-duration: 700ms;
}

.duration-800 {
  animation-duration: 800ms;
}

.duration-1000 {
  animation-duration: 1000ms;
}

.slide-in {
  animation: slide-right 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-out {
  animation: slide-left 300ms cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.fade-in {
  animation: fade-in 300ms ease-in-out both;
}

.fade-out {
  animation: fade-out 150ms ease-in-out both;
}

.expand-top {
  animation: scale-up-top 700ms ease-in-out both;
}

.collapse-top {
  animation: scale-down-top 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.is-flex {
  display: flex;
}

.is-inlineflex {
  display: inline-flex;
}

.flex-column {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-wrap {
  flex-wrap: wrap;
}

.content-start {
  justify-content: flex-start;
}

.content-end {
  justify-content: flex-end;
}

.content-center {
  justify-content: center;
}

.content-sp-around {
  justify-content: space-around;
}

.content-sp-evenly {
  justify-content: space-evenly;
}

.align-top {
  align-items: flex-start;
}

.align-middle {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}

.align-bottom {
  align-items: flex-end;
}

.align-stretch {
  align-items: stretch;
}

.align-multi-top {
  align-content: flex-start;
  flex-wrap: wrap;
}

.align-multi-bottom {
  align-content: flex-end;
  flex-wrap: wrap;
}

.align-multi-center {
  align-content: center;
  flex-wrap: wrap;
}

.align-multi-between {
  align-content: space-between;
  flex-wrap: wrap;
}

.align-multi-around {
  align-content: space-around;
  flex-wrap: wrap;
}

.align-multi-stretch {
  align-content: stretch;
  flex-wrap: wrap;
}

.align-vertical {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.align-items-center {
  display: flex;
  align-items: center;
}

.align-end {
  display: flex;
  align-items: end;
  justify-content: end;
}

.align-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.sticky-bottom {
  width: 100%;
  position: absolute;
  box-sizing: border-box;
  left: 0;
  padding: 0 8px 8px;
  bottom: 0;
}

@media (max-width: 767px) {
  .xs\:text-center {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .sm\:text-center {
    text-align: center;
  }
}

@media (max-width: 991px) {
  .md\:text-center {
    text-align: center;
  }
}

@media (max-width: 1279px) {
  .lg\:text-center {
    text-align: center;
  }
}

@media (min-width: 768px) {
  .sm\:min-text-center {
    text-align: center;
  }
}

@media (min-width: 992px) {
  .md\:min-text-center {
    text-align: center;
  }
}

@media (min-width: 1280px) {
  .lg\:min-text-center {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .xs\:text-left {
    text-align: left;
  }
}

@media (max-width: 767px) {
  .sm\:text-left {
    text-align: left;
  }
}

@media (max-width: 991px) {
  .md\:text-left {
    text-align: left;
  }
}

@media (max-width: 1279px) {
  .lg\:text-left {
    text-align: left;
  }
}

@media (min-width: 768px) {
  .sm\:min-text-left {
    text-align: left;
  }
}

@media (min-width: 992px) {
  .md\:min-text-left {
    text-align: left;
  }
}

@media (min-width: 1280px) {
  .lg\:min-text-left {
    text-align: left;
  }
}

@media (max-width: 767px) {
  .xs\:text-right {
    text-align: right;
  }
}

@media (max-width: 767px) {
  .sm\:text-right {
    text-align: right;
  }
}

@media (max-width: 991px) {
  .md\:text-right {
    text-align: right;
  }
}

@media (max-width: 1279px) {
  .lg\:text-right {
    text-align: right;
  }
}

@media (min-width: 768px) {
  .sm\:min-text-right {
    text-align: right;
  }
}

@media (min-width: 992px) {
  .md\:min-text-right {
    text-align: right;
  }
}

@media (min-width: 1280px) {
  .lg\:min-text-right {
    text-align: right;
  }
}

@media (min-width: 768px) {
  .sm\:min-content-end {
    justify-content: flex-end;
  }
}

@media (min-width: 768px) {
  .sm\:align-middle {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
  }
}

@media (min-width: 992px) {
  .md\:align-middle {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
  }
}

.align-start {
  align-items: start;
}

.content-sp-between {
  justify-content: space-between;
}

@media (min-width: 992px) {
  .md\:content-sp-between {
    justify-content: space-between;
  }
}
@media (max-width: 992px) {
  .mdmax\:content-end {
    justify-content: flex-end;
  }
}
.container-full {
  margin-left: auto;
  margin-right: auto;
  max-width: 1500px;
  padding-inline: 8px;
  position: relative;
}
@media (min-width: 768px) {
  .container-full {
    max-width: 768px;
    padding-inline: 8px;
    width: 90%;
  }
}
@media (min-width: 992px) {
  .container-full {
    max-width: 992px;
    width: 80%;
  }
}
@media (min-width: 1280px) {
  .container-full {
    max-width: 1280px;
    width: 80%;
  }
}

.container-total {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  position: relative;
  width: 100%;
}
@media (min-width: 992px) {
  .container-total {
    max-width: 100%;
    width: 100%;
  }
}

.container-bleed {
  margin-left: auto;
  margin-right: auto;
  padding-inline: 0;
  position: relative;
}

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-inline: 8px;
  position: relative;
}

.container-body {
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 992px) {
  .container-body {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.container-body2 {
  overflow: hidden;
  padding-left: 16px;
}
@media (min-width: 992px) {
  .container-body2 {
    padding-left: 40px;
  }
}
.container-body2 .swiper-container {
  overflow: inherit;
}

.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  padding-inline: 8px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
    padding-inline: 8px;
    width: 90%;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 992px;
    width: 80%;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
    width: 80%;
  }
}
@media (min-width: 1440px) {
  .container {
    max-width: 1440px;
    width: 100%;
  }
}

.container-2 {
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
  padding-inline: 8px;
  position: relative;
  width: 90%;
}

.container-3 {
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
  padding-inline: 24px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .container-3 {
    padding-inline: 8px;
  }
}

.container-4 {
  margin-left: auto;
  margin-right: auto;
  max-width: 360px;
  padding-inline: 16px;
  position: relative;
  width: 100%;
}

.container-5 {
  margin: 0 auto;
  max-width: 800px;
  padding: 0 8px;
  position: relative;
  width: 100%;
}
@media (min-width: 1280px) {
  .container-5 {
    max-width: 1000px;
    padding: 0;
  }
}

.container-6 {
  margin: 0 auto;
  max-width: 442px;
  padding: 0 8px;
  position: relative;
  width: 100%;
}

.container-7 {
  margin: 0 auto;
  max-width: 295px;
  padding: 0 16px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .container-7 {
    max-width: 460px;
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (min-width: 992px) {
  .container-7 {
    max-width: 460px;
  }
}
@media (min-width: 1280px) {
  .container-7 {
    max-width: 595px;
  }
}

.container-8 {
  margin: 0 auto;
  max-width: 395px;
  padding: 0 8px;
  position: relative;
  width: 100%;
}

.container-9 {
  margin: 0 auto;
  max-width: 798px;
  padding: 0 24px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .container-9 {
    padding: 0 8px;
  }
}

.container-10 {
  max-width: 200px;
  position: relative;
}

.container-11 {
  margin: 0 auto;
  max-width: 1080px;
  padding: 0 24px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .container-11 {
    padding: 0 8px;
  }
}

.container-12 {
  max-width: 1080px;
  padding: 0 24px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .container-12 {
    padding: 0 8px;
  }
}

.container-360 {
  max-width: 360px;
  width: 100%;
}

.container-496 {
  max-width: 496px;
  width: 100%;
}

.container-512 {
  max-width: 512px;
  width: 100%;
}

.container-640 {
  max-width: 640px;
  width: 100%;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}
@media (min-width: 768px) {
  .row {
    margin-left: -8px;
    margin-right: -8px;
  }
}
@media (min-width: 992px) {
  .row {
    margin-left: -8px;
    margin-right: -8px;
  }
}
@media (min-width: 1280px) {
  .row {
    margin-left: -8px;
    margin-right: -8px;
  }
}
@media (min-width: 1440px) {
  .row {
    margin-left: -8px;
    margin-right: -8px;
  }
}

@media (min-width: 1px) {
  .col-xs-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xs-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xs-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xs-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xs-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xs-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xs-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xs-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1280px) {
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1440px) {
  .col-xl-1 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%;
  }
  .col-xl-2 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .col-xl-4 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-5 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%;
  }
  .col-xl-6 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-7 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%;
  }
  .col-xl-8 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-xl-10 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-11 {
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%;
  }
  .col-xl-12 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-13 {
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%;
  }
  .col-xl-14 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-xl-16 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-17 {
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%;
  }
  .col-xl-18 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-19 {
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%;
  }
  .col-xl-20 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-xl-22 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-23 {
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%;
  }
  .col-xl-24 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
[class*=col-] {
  box-sizing: border-box;
  min-height: 1px;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
}

.col {
  display: block;
  flex: 1 1 0;
  padding: 0 8px;
}

@media (min-width: 768px) {
  .col-sm {
    display: block;
    flex: 1 1 0;
    padding: 0 8px;
  }
}

@media (min-width: 768px) {
  .col-md {
    display: block;
    flex: 1 1 0;
    padding: 0 8px;
  }
}

@media (min-width: 768px) {
  .col-lg {
    display: block;
    flex: 1 1 0;
    padding: 0 8px;
  }
}

.bleed {
  margin-left: -8px;
  margin-right: -8px;
  width: auto;
}

.bleed-0 {
  padding: 0 0px 0 0px;
  overflow: hidden;
}
.bleed-0 .container-fluid {
  margin-left: -0px;
  margin-right: -0px;
  padding: 0 0px 0 0px;
}
.bleed-0 > .row {
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  flex-wrap: wrap;
}
.bleed-0 > [class*=col-],
.bleed-0 > .col {
  padding: 0px;
  box-sizing: border-box;
}

.single {
  flex-basis: 50%;
  max-width: 50%;
}

.double {
  flex-basis: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .single {
    flex-basis: 25%;
    max-width: 25%;
  }
  .double {
    flex-basis: 50%;
    max-width: 50%;
  }
}
.bleed-4 {
  padding: 0 2px 0 2px;
  overflow: hidden;
}
.bleed-4 .container-fluid {
  margin-left: -2px;
  margin-right: -2px;
  padding: 0 2px 0 2px;
}
.bleed-4 > .row {
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  flex-wrap: wrap;
}
.bleed-4 > [class*=col-],
.bleed-4 > .col {
  padding: 2px;
  box-sizing: border-box;
}

.single {
  flex-basis: 50%;
  max-width: 50%;
}

.double {
  flex-basis: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .single {
    flex-basis: 25%;
    max-width: 25%;
  }
  .double {
    flex-basis: 50%;
    max-width: 50%;
  }
}
.bleed-8 {
  padding: 0 4px 0 4px;
  overflow: hidden;
}
.bleed-8 .container-fluid {
  margin-left: -4px;
  margin-right: -4px;
  padding: 0 4px 0 4px;
}
.bleed-8 > .row {
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  flex-wrap: wrap;
}
.bleed-8 > [class*=col-],
.bleed-8 > .col {
  padding: 4px;
  box-sizing: border-box;
}

.single {
  flex-basis: 50%;
  max-width: 50%;
}

.double {
  flex-basis: 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .single {
    flex-basis: 25%;
    max-width: 25%;
  }
  .double {
    flex-basis: 50%;
    max-width: 50%;
  }
}
.list-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(4, 1fr);
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}

.grid-1 {
  display: grid;
  grid-template-columns: 1fr;
}

.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.grid-4 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.colgap-16 {
  column-gap: 16px;
}

.gap-8 {
  gap: 8px;
}

.colgap-8 {
  column-gap: 8px;
}

.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.grid-gap-8 {
  gap: 8px;
}

.grid-gap-16 {
  gap: 16px;
}

.grid-8 {
  align-items: start;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}
.grid-8 img {
  border: 1px solid #eaeaea;
}

@media (min-width: 768px) {
  .grid-2-desktop {
    align-items: end;
    column-gap: 16px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 768px) {
  .sm\:grid-1 {
    display: grid;
    grid-template-columns: 1fr;
  }
}

@media (min-width: 768px) {
  .sm\:grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 768px) {
  .sm\:grid-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 768px) {
  .sm\:grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 768px) {
  .sm\:grid-8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
}

.grid-auto {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}

@media (min-width: 768px) {
  .sm\:grid-gap-16 {
    column-gap: 16px;
  }
}

.grid-2-wide {
  grid-column: span 2;
}

.grid-3-6-8 {
  column-gap: 6px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  max-width: 100%;
}
@media (min-width: 992px) {
  .grid-3-6-8 {
    column-gap: 16px;
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 1280px) {
  .grid-3-6-8 {
    column-gap: 16px;
    grid-template-columns: repeat(8, 1fr);
  }
}

.grid-cols-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-6 {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-8 {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-cols-12 {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

@media (min-width: 1px) {
  .xs\:grid-cols-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1px) {
  .xs\:grid-cols-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1px) {
  .xs\:grid-cols-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1px) {
  .xs\:grid-cols-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (min-width: 1px) {
  .xs\:grid-cols-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}

@media (min-width: 1px) {
  .xs\:grid-cols-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .sm\:grid-cols-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .sm\:grid-cols-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .sm\:grid-cols-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .sm\:grid-cols-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .sm\:grid-cols-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .sm\:grid-cols-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .md\:grid-cols-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .md\:grid-cols-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .md\:grid-cols-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .md\:grid-cols-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .md\:grid-cols-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .md\:grid-cols-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .lg\:grid-cols-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .lg\:grid-cols-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .lg\:grid-cols-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .lg\:grid-cols-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .lg\:grid-cols-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .lg\:grid-cols-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

@media (min-width: 1440px) {
  .xl\:grid-cols-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1440px) {
  .xl\:grid-cols-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1440px) {
  .xl\:grid-cols-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1440px) {
  .xl\:grid-cols-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (min-width: 1440px) {
  .xl\:grid-cols-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}

@media (min-width: 1440px) {
  .xl\:grid-cols-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}

.h-auto {
  height: auto;
}

.h-16 {
  height: 16px;
}

.h-40 {
  height: 40px;
}

.h-50 {
  height: 50px;
}

.h-100 {
  height: 100%;
}

.height-100 {
  height: 100%;
}

.hg-64 {
  min-height: 64px;
}

.height-xs {
  min-height: 80px;
}
@media (min-width: 768px) {
  .height-xs {
    min-height: 80px;
  }
}

.height-sm {
  min-height: 100px;
}
@media (min-width: 768px) {
  .height-sm {
    min-height: 100px;
  }
}

.height-128 {
  min-height: 128px;
}
@media (min-width: 768px) {
  .height-128 {
    min-height: 128px;
  }
}

.height-md {
  min-height: 350px;
}
@media (min-width: 768px) {
  .height-md {
    min-height: 350px;
  }
}

.height-lg {
  min-height: 400px;
}
@media (min-width: 768px) {
  .height-lg {
    min-height: 400px;
  }
}

.height-xl {
  min-height: 450px;
}
@media (min-width: 768px) {
  .height-xl {
    min-height: 450px;
  }
}

.height-full {
  min-height: 100vh;
}
@media (min-width: 768px) {
  .height-full {
    min-height: 100vh;
  }
}

.height-big {
  min-height: 300px;
}
@media (min-width: 768px) {
  .height-big {
    min-height: 500px;
  }
}

.height-medium {
  min-height: 200px;
}
@media (min-width: 768px) {
  .height-medium {
    min-height: 400px;
  }
}

.height-mini {
  min-height: 100px;
}
@media (min-width: 768px) {
  .height-mini {
    min-height: 300px;
  }
}

.height-home {
  min-height: calc(100vh - 80px);
}
@media (min-width: 768px) {
  .height-home {
    min-height: calc(100vh - 80px);
  }
}

.ico-big {
  width: 48px;
  height: 48px;
  padding: 10px;
  border: 1px solid #a9a9a9;
  box-sizing: border-box;
  border-radius: 50%;
}

.ico svg {
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
}

svg-icon div,
svg-icon2 div,
md-icon div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.is-rtl svg-icon.i-arrow,
.is-rtl svg-icon2.i-arrow,
.is-rtl md-icon.i-arrow {
  transform: scaleX(-1);
}
svg-icon.c-invert,
svg-icon2.c-invert,
md-icon.c-invert {
  fill: #fff;
}
svg-icon.ico-white path, svg-icon.c-invert path,
svg-icon2.ico-white path,
svg-icon2.c-invert path,
md-icon.ico-white path,
md-icon.c-invert path {
  fill: #fff;
}
svg-icon.ico-error path,
svg-icon2.ico-error path,
md-icon.ico-error path {
  fill: #B40016;
}
svg-icon.ico-error.ico-reset path,
svg-icon2.ico-error.ico-reset path,
md-icon.ico-error.ico-reset path {
  fill: #000;
}
svg-icon.ico-success path,
svg-icon2.ico-success path,
md-icon.ico-success path {
  fill: #12882c;
}
svg-icon.ico-feel path,
svg-icon2.ico-feel path,
md-icon.ico-feel path {
  fill: #a9a9a9;
}

.icon-white svg-icon path,
.icon-white svg-icon2 path,
.icon-white md-icon path {
  fill: #fff;
}

.has-light svg path {
  fill: white;
  stroke: none;
}
.has-light a {
  color: #fff;
}
.has-light a:focus,
.has-light a:hover,
.has-light a:active {
  text-decoration: none;
  color: #fff;
}

.has-error svg path {
  fill: #B40016;
}

.has-feel svg path {
  fill: #a9a9a9;
}

.has-success svg path {
  fill: #12882c;
}

.ico-ball {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  background-color: #a9a9a9;
  flex: 0 0 40px;
}
.ico-ball .ico-count {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  font-size: 10px;
  background-color: #000;
  color: #fff;
  text-align: center;
  line-height: 1.6;
  position: absolute;
  left: 5px;
  bottom: 5px;
  border: 1px solid #fff;
  font-weight: 600;
}
.ico-ball svg {
  margin-top: -4px;
}

.x24 {
  width: 24px;
  height: 24px;
}

.x32 {
  width: 32px;
  height: 32px;
}

.x48 {
  width: 48px;
  height: 48px;
}

.x64 {
  width: 64px;
  height: 64px;
}

.btn.btn-link.has-ico-pre {
  padding-left: 18px;
}
.btn.btn-link.has-ico-pre .ico-pre {
  margin: 0;
  top: -1px;
}

.has-ico-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 48px;
}
.has-ico-center svg {
  margin-top: 0;
  margin-right: 4px;
}
.has-ico-center div svg {
  margin-top: 0;
  margin-right: 4px;
}

svg-icon.ico-post,
svg-icon.ico-pre,
svg-icon2.ico-post,
svg-icon2.ico-pre,
md-icon.ico-post,
md-icon.ico-pre {
  margin: 0 16px;
  top: 50%;
  transform: translateY(-50%);
}

.icon-plus {
  position: relative;
  width: 10px;
  height: 10px;
}
.icon-plus::after, .icon-plus::before {
  width: 10px;
  height: var(--line-width);
  position: absolute;
  content: "";
  background-color: #000;
  transform-origin: center;
}
.icon-plus::after {
  top: 5px;
  left: 0;
  transform: rotate(90deg);
}
.icon-plus::before {
  top: 5px;
  left: 0;
}
.is-active .icon-plus::after {
  top: 5px;
  left: 0;
  transform: rotate(0deg);
}
.has-light .icon-plus::after, .has-light .icon-plus::before {
  background-color: #fff;
}

.icon-close {
  position: absolute;
  top: 30px;
  left: 20px;
}
@media (min-width: 768px) {
  .icon-close {
    left: 32px;
  }
}
.icon-close::after, .icon-close::before {
  width: 11px;
  height: var(--line-width);
  position: absolute;
  content: "";
  background-color: #000;
  transform-origin: center;
  transform: rotate(45deg);
}
.icon-close::before {
  transform: rotate(-45deg);
}

.checkbox-item path {
  fill: white;
}

.plus-icon {
  position: relative;
  width: 9px;
  height: 9px;
}
.plus-icon::after {
  position: absolute;
  left: 4px;
  content: "";
  background-color: #000;
  width: 1px;
  height: 9px;
}
.plus-icon::before {
  position: absolute;
  left: 0;
  top: 4px;
  content: "";
  background-color: #000;
  height: 1px;
  width: 9px;
}

.minus-icon {
  width: 9px;
  height: 1px;
  background-color: #000;
}

.md-icon-anim {
  position: relative;
  width: 12px;
  height: 11px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.md-icon-anim:before, .md-icon-anim:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 1px;
  background-color: #000;
  transition: transform 0.2s ease;
}
.md-icon-anim:before {
  transform: rotate(90deg);
}
.is-active .md-icon-anim:before {
  transform: rotate(0deg);
}
.has-light .md-icon-anim:before, .has-light .md-icon-anim:after {
  background-color: #fff;
}

.rat-16-9 {
  position: relative;
  overflow: hidden;
}
.rat-16-9::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.rat-16-9 .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.rat-16-9 .rat-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.rat-21-9 {
  position: relative;
  overflow: hidden;
}
.rat-21-9::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 42.8571428571%;
}
.rat-21-9 .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.rat-21-9 .rat-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.rat-1-1 {
  position: relative;
  overflow: hidden;
}
.rat-1-1::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}
.rat-1-1 .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.rat-1-1 .rat-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.rat-2-1 {
  position: relative;
  overflow: hidden;
}
.rat-2-1::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 50%;
}
.rat-2-1 .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.rat-2-1 .rat-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.rat-2-3 {
  position: relative;
  overflow: hidden;
}
.rat-2-3::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 133.25%;
}
.rat-2-3 .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.rat-2-3 .rat-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.rat-3-2 {
  position: relative;
  overflow: hidden;
}
.rat-3-2::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 66.6666666667%;
}
.rat-3-2 .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.rat-3-2 .rat-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.rat-3-4 {
  position: relative;
  overflow: hidden;
}
.rat-3-4::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 133.3333333333%;
}
.rat-3-4 .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.rat-3-4 .rat-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.rat-4-2 {
  position: relative;
  overflow: hidden;
}
.rat-4-2::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 50%;
}
.rat-4-2 .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.rat-4-2 .rat-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.rat-4-3 {
  position: relative;
  overflow: hidden;
}
.rat-4-3::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75%;
}
.rat-4-3 .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.rat-4-3 .rat-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.rat-9-20 {
  position: relative;
  overflow: hidden;
}
.rat-9-20::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 222.2222222222%;
}
.rat-9-20 .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.rat-9-20 .rat-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.rat-strech {
  position: relative;
  overflow: hidden;
}
.rat-strech::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 161.8181818182%;
}
.rat-strech .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.rat-strech .rat-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.rat-main {
  position: relative;
  overflow: hidden;
}
.rat-main::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 133.25%;
}
.rat-main .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.rat-main .rat-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.rat-double {
  position: relative;
  overflow: hidden;
}
.rat-double::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 64.4752018454%;
}
.rat-double .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.rat-double .rat-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.sk-load {
  position: relative;
}
.sk-load::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 126%;
}
.sk-load::marker {
  display: none;
  content: "";
}

.sk-load1 {
  position: relative;
}
.sk-load1::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: calc(133.25% + 74px);
}
@media (min-width: 992px) {
  .sk-load1::before {
    padding-top: calc(133.25% + 74px);
  }
}
.sk-load1::marker {
  display: none;
  content: "";
}

.sk-load2 {
  position: relative;
}
.sk-load2::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: calc(133.25% + 74px);
}
@media (min-width: 992px) {
  .sk-load2::before {
    padding-top: calc(133.25% + 74px);
  }
}
.sk-load2::marker {
  display: none;
  content: "";
}

.sk-load3 {
  position: relative;
}
.sk-load3::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 133.25%;
}
.sk-load3::marker {
  display: none;
  content: "";
}

.sk-load4 {
  position: relative;
}
.sk-load4::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75.5%;
}
.sk-load4 .card9-link {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.sk-load4::marker {
  display: none;
  content: "";
}

.sk-load5 {
  position: relative;
}
.sk-load5::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: calc(66.6667% + 74px);
}
@media (min-width: 768px) {
  .sk-load5::before {
    padding-top: calc(66.6667% + 74px);
  }
}
.sk-load5::marker {
  display: none;
  content: "";
}

.sk-load6 {
  position: relative;
}
.sk-load6::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 133.25%;
}
@media (min-width: 992px) {
  .sk-load6::before {
    padding-top: 133.25%;
  }
}
.sk-load6.hidden-image::before {
  padding-top: 74px;
}
.sk-load6::marker {
  display: none;
  content: "";
}

.sk-load7 {
  position: relative;
}
.sk-load7::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 66.6667%;
}
.sk-load7::marker {
  display: none;
  content: "";
}

.swiper-monoproducto .swiper-wrapper {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.sk-load9 {
  position: relative;
}
.sk-load9::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: calc(64.6667% + 74px);
}
.sk-load9::before .p-view {
  background-color: transparent;
}
@media (min-width: 992px) {
  .sk-load9::before {
    padding-top: calc(62.9% + 74px);
  }
}
@media (min-width: 1280px) {
  .sk-load9::before {
    padding-top: calc(64.7% + 74px);
  }
}
.sk-load9::marker {
  display: none;
  content: "";
}

.ar-3-4 {
  aspect-ratio: 3/4;
}

.ar-3-2 {
  aspect-ratio: 3/2;
}

.ar-16-9 {
  aspect-ratio: 16/9;
}

.ar-9-16 {
  aspect-ratio: 9/16;
}

.ar-1-1 {
  aspect-ratio: 1/1;
}

.ar-20-9 {
  aspect-ratio: 20/9;
}

.ar-9-20 {
  aspect-ratio: 9/20;
}

.grid-wrap-custom .sk-load::before,
.grid-wrap-custom .sk-load1::before,
.grid-wrap-custom .sk-load2::before,
.grid-wrap-custom .sk-load3::before,
.grid-wrap-custom .sk-load5::before,
.grid-wrap-custom .sk-load6::before,
.grid-wrap-custom .p-view {
  background-color: transparent;
}

.sk-load-34 {
  position: relative;
}
.sk-load-34::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 139%;
}
.sk-load-34::marker {
  display: none;
  content: "";
}

.sk-load_3-4 {
  position: relative;
}
.sk-load_3-4::before {
  display: block;
  content: "";
  width: 100%;
  aspect-ratio: 3/4;
  background-color: #a9a9a9;
}
.sk-load_3-4::marker {
  display: none;
  content: "";
}

.sk-load_2-3 {
  position: relative;
}
.sk-load_2-3::before {
  display: block;
  content: "";
  width: 100%;
  aspect-ratio: 2/3;
  background-color: #a9a9a9;
}
.sk-load_2-3::marker {
  display: none;
  content: "";
}

.sk-load_1-1 {
  position: relative;
}
.sk-load_1-1::before {
  display: block;
  content: "";
  width: 100%;
  aspect-ratio: 1/1;
  background-color: #a9a9a9;
}
.sk-load_1-1::marker {
  display: none;
  content: "";
}

.sk-load_2-1 {
  position: relative;
}
.sk-load_2-1::before {
  display: block;
  content: "";
  width: 100%;
  aspect-ratio: 2/1;
  background-color: #a9a9a9;
}
.sk-load_2-1::marker {
  display: none;
  content: "";
}

.sk-load_4-3 {
  position: relative;
}
.sk-load_4-3::before {
  display: block;
  content: "";
  width: 100%;
  aspect-ratio: 4/3;
  background-color: #a9a9a9;
}
.sk-load_4-3::marker {
  display: none;
  content: "";
}

.sk-load_3-2 {
  position: relative;
}
.sk-load_3-2::before {
  display: block;
  content: "";
  width: 100%;
  aspect-ratio: 3/2;
  background-color: #a9a9a9;
}
.sk-load_3-2::marker {
  display: none;
  content: "";
}

.sk-load_16-9 {
  position: relative;
}
.sk-load_16-9::before {
  display: block;
  content: "";
  width: 100%;
  aspect-ratio: 16/9;
  background-color: #a9a9a9;
}
.sk-load_16-9::marker {
  display: none;
  content: "";
}

body {
  font-family: arial, sans-serif;
  font-weight: 500;
  -webkit-overflow-scrolling: touch;
  font-variant-ligatures: no-common-ligatures;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.input,
.textarea,
.select,
select {
  font-family: arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .input,
  .textarea,
  .select,
  select {
    font-size: 14px;
  }
}

select {
  font-family: arial, sans-serif;
  font-weight: 500;
}

p {
  font-family: arial, sans-serif;
  font-weight: 500;
  margin: 0;
  font-size: 12px;
}
@media (min-width: 992px) {
  p {
    font-size: 14px;
  }
}
p.b {
  font-family: arial, sans-serif;
  font-weight: 500;
  color: #000;
}

a {
  color: #000;
  text-decoration: none;
}

.h1 span,
.h2 span,
.h3 span,
.h4 span,
.h5 span,
.h6 span,
.p1 span {
  color: #000;
}

b,
mark {
  color: #000;
}

.secondary {
  font-family: "ms-serif", serif;
  font-weight: 100;
}

.text-12-r {
  font-family: arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
}

.text-12-m {
  font-family: arial, sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.5;
}

.text-12-b {
  font-family: arial, sans-serif;
  font-weight: 900;
  font-size: 12px;
  line-height: 1.5;
}

.text-12-2r {
  font-family: "arial black", sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

.text-12-2b {
  font-family: "arial black", sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

.text-14-r {
  font-family: arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
}

.text-14-m {
  font-family: arial, sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}

.text-14-b {
  font-family: arial, sans-serif;
  font-weight: 900;
  font-size: 14px;
  line-height: 1.5;
}

.text-14-2r {
  font-family: "arial black", sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

.text-14-2b {
  font-family: "arial black", sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

.text-16-r {
  font-family: arial, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
}

.text-16-m {
  font-family: arial, sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
}

.text-16-b {
  font-family: arial, sans-serif;
  font-weight: 900;
  font-size: 16px;
  line-height: 1.5;
}

.text-16-2r {
  font-family: "arial black", sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

.text-16-2b {
  font-family: "arial black", sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

.text-18-r {
  font-family: arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
}

.text-18-m {
  font-family: arial, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
}

.text-18-b {
  font-family: arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 1.5;
}

.text-18-2r {
  font-family: "arial black", sans-serif;
  font-size: 18px;
  line-height: 1.5;
}

.text-18-2b {
  font-family: "arial black", sans-serif;
  font-size: 18px;
  line-height: 1.5;
}

.text-20-r {
  font-family: arial, sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
}

.text-20-m {
  font-family: arial, sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
}

.text-20-b {
  font-family: arial, sans-serif;
  font-weight: 900;
  font-size: 20px;
  line-height: 1.5;
}

.text-20-2r {
  font-family: "arial black", sans-serif;
  font-size: 20px;
  line-height: 1.5;
}

.text-20-2b {
  font-family: "arial black", sans-serif;
  font-size: 20px;
  line-height: 1.5;
}

.text-24-r {
  font-family: arial, sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5;
}

.text-24-m {
  font-family: arial, sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.5;
}

.text-24-b {
  font-family: arial, sans-serif;
  font-weight: 900;
  font-size: 24px;
  line-height: 1.5;
}

.text-24-2r {
  font-family: "arial black", sans-serif;
  font-size: 24px;
  line-height: 1.5;
}

.text-24-2b {
  font-family: "arial black", sans-serif;
  font-size: 24px;
  line-height: 1.5;
}

@media (min-width: 1px) {
  .p-tag {
    font-family: arial, sans-serif;
    font-weight: 500;
    font-size: 8px;
    line-height: 1.3;
  }
  .h2 {
    font-family: arial, sans-serif;
    font-weight: 900;
    font-size: 18px;
    line-height: 1.2;
  }
  .title-l {
    font-family: arial, sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.4;
  }
  .title-l-l {
    font-family: arial, sans-serif;
    font-weight: 100;
    font-size: 12px;
    line-height: 1.4;
  }
  .title-l-b {
    font-family: arial, sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.4;
  }
  .title-m {
    font-family: arial, sans-serif;
    font-weight: 500;
    font-size: 11px;
    line-height: 1.4;
  }
  .title-s {
    font-family: arial, sans-serif;
    font-weight: 500;
    font-size: 10px;
    line-height: 1.4;
  }
  .text-l {
    font-family: arial, sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.5;
  }
  .text-l-l {
    font-family: arial, sans-serif;
    font-weight: 100;
    font-size: 12px;
    line-height: 1.5;
  }
  .text-m {
    font-family: arial, sans-serif;
    font-weight: 500;
    font-size: 11px;
    line-height: 1.5;
  }
}
@media (min-width: 992px) {
  .p-tag {
    font-size: 10px;
    line-height: 1.3;
  }
  .h2 {
    font-size: 24px;
    line-height: 1.2;
  }
  .title-l {
    font-size: 12px;
    line-height: 1.4;
  }
  .title-l-l {
    font-size: 12px;
    line-height: 1.4;
  }
  .title-l-b {
    font-size: 12px;
    line-height: 1.4;
  }
  .title-m {
    font-size: 11px;
    line-height: 1.4;
  }
  .title-s {
    font-size: 10px;
    line-height: 1.4;
  }
  .text-l {
    font-size: 12px;
    line-height: 1.5;
  }
  .text-l-l {
    font-size: 12px;
    line-height: 1.5;
  }
  .text-m {
    font-size: 11px;
    line-height: 1.5;
  }
}
@media (min-width: 1px) {
  .titularbase-m {
    font-family: arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
  }
}
@media (min-width: 768px) {
  .titularbase-m {
    font-size: 14px;
    line-height: 1.2;
  }
}
@media (min-width: 992px) {
  .titularbase-m {
    font-size: 16px;
    line-height: 1.2;
  }
}
@media (min-width: 1280px) {
  .titularbase-m {
    font-size: 16px;
    line-height: 1.2;
  }
}
.fluid-1-l {
  font-family: arial, sans-serif;
  font-weight: 100;
}
.fluid-1-l {
  font-size: 60px;
  line-height: 0.8;
}
@media (min-width: 320px) {
  .fluid-1-l {
    font-size: calc(
                60px + 100 *
                  ((100vw - 320px) / 1180)
              );
    line-height: 0.8;
  }
}
@media (min-width: 1500px) {
  .fluid-1-l {
    font-size: 160px;
    line-height: 0.8;
  }
}

.fluid-1-r {
  font-family: arial, sans-serif;
  font-weight: 500;
}
.fluid-1-r {
  font-size: 60px;
  line-height: 0.8;
}
@media (min-width: 320px) {
  .fluid-1-r {
    font-size: calc(
                60px + 100 *
                  ((100vw - 320px) / 1180)
              );
    line-height: 0.8;
  }
}
@media (min-width: 1500px) {
  .fluid-1-r {
    font-size: 160px;
    line-height: 0.8;
  }
}

.fluid-1-m {
  font-family: arial, sans-serif;
  font-weight: 600;
}
.fluid-1-m {
  font-size: 60px;
  line-height: 0.8;
}
@media (min-width: 320px) {
  .fluid-1-m {
    font-size: calc(
                60px + 100 *
                  ((100vw - 320px) / 1180)
              );
    line-height: 0.8;
  }
}
@media (min-width: 1500px) {
  .fluid-1-m {
    font-size: 160px;
    line-height: 0.8;
  }
}

.fluid-1-sb {
  font-family: arial, sans-serif;
  font-weight: 700;
}
.fluid-1-sb {
  font-size: 60px;
  line-height: 0.8;
}
@media (min-width: 320px) {
  .fluid-1-sb {
    font-size: calc(
                60px + 100 *
                  ((100vw - 320px) / 1180)
              );
    line-height: 0.8;
  }
}
@media (min-width: 1500px) {
  .fluid-1-sb {
    font-size: 160px;
    line-height: 0.8;
  }
}

.fluid-1-b {
  font-family: arial, sans-serif;
  font-weight: 900;
}
.fluid-1-b {
  font-size: 60px;
  line-height: 0.8;
}
@media (min-width: 320px) {
  .fluid-1-b {
    font-size: calc(
                60px + 100 *
                  ((100vw - 320px) / 1180)
              );
    line-height: 0.8;
  }
}
@media (min-width: 1500px) {
  .fluid-1-b {
    font-size: 160px;
    line-height: 0.8;
  }
}

.fluid-2-l {
  font-family: arial, sans-serif;
  font-weight: 100;
}
.fluid-2-l {
  font-size: 40px;
  line-height: 0.9;
}
@media (min-width: 320px) {
  .fluid-2-l {
    font-size: calc(
                40px + 60 *
                  ((100vw - 320px) / 1180)
              );
    line-height: 0.9;
  }
}
@media (min-width: 1500px) {
  .fluid-2-l {
    font-size: 100px;
    line-height: 0.9;
  }
}

.fluid-2-r {
  font-family: arial, sans-serif;
  font-weight: 500;
}
.fluid-2-r {
  font-size: 40px;
  line-height: 0.9;
}
@media (min-width: 320px) {
  .fluid-2-r {
    font-size: calc(
                40px + 60 *
                  ((100vw - 320px) / 1180)
              );
    line-height: 0.9;
  }
}
@media (min-width: 1500px) {
  .fluid-2-r {
    font-size: 100px;
    line-height: 0.9;
  }
}

.fluid-2-m {
  font-family: arial, sans-serif;
  font-weight: 600;
}
.fluid-2-m {
  font-size: 40px;
  line-height: 0.9;
}
@media (min-width: 320px) {
  .fluid-2-m {
    font-size: calc(
                40px + 60 *
                  ((100vw - 320px) / 1180)
              );
    line-height: 0.9;
  }
}
@media (min-width: 1500px) {
  .fluid-2-m {
    font-size: 100px;
    line-height: 0.9;
  }
}

.fluid-2-sb {
  font-family: arial, sans-serif;
  font-weight: 700;
}
.fluid-2-sb {
  font-size: 40px;
  line-height: 0.9;
}
@media (min-width: 320px) {
  .fluid-2-sb {
    font-size: calc(
                40px + 60 *
                  ((100vw - 320px) / 1180)
              );
    line-height: 0.9;
  }
}
@media (min-width: 1500px) {
  .fluid-2-sb {
    font-size: 100px;
    line-height: 0.9;
  }
}

.fluid-2-b {
  font-family: arial, sans-serif;
  font-weight: 900;
}
.fluid-2-b {
  font-size: 40px;
  line-height: 0.9;
}
@media (min-width: 320px) {
  .fluid-2-b {
    font-size: calc(
                40px + 60 *
                  ((100vw - 320px) / 1180)
              );
    line-height: 0.9;
  }
}
@media (min-width: 1500px) {
  .fluid-2-b {
    font-size: 100px;
    line-height: 0.9;
  }
}

.fluid-3-l {
  font-family: arial, sans-serif;
  font-weight: 100;
}
.fluid-3-l {
  font-size: 20px;
  line-height: 0.9;
}
@media (min-width: 320px) {
  .fluid-3-l {
    font-size: calc(
                20px + 10 *
                  ((100vw - 320px) / 1180)
              );
    line-height: 0.9;
  }
}
@media (min-width: 1500px) {
  .fluid-3-l {
    font-size: 30px;
    line-height: 0.9;
  }
}

.fluid-3-r {
  font-family: arial, sans-serif;
  font-weight: 500;
}
.fluid-3-r {
  font-size: 20px;
  line-height: 0.9;
}
@media (min-width: 320px) {
  .fluid-3-r {
    font-size: calc(
                20px + 10 *
                  ((100vw - 320px) / 1180)
              );
    line-height: 0.9;
  }
}
@media (min-width: 1500px) {
  .fluid-3-r {
    font-size: 30px;
    line-height: 0.9;
  }
}

.fluid-3-m {
  font-family: arial, sans-serif;
  font-weight: 600;
}
.fluid-3-m {
  font-size: 20px;
  line-height: 0.9;
}
@media (min-width: 320px) {
  .fluid-3-m {
    font-size: calc(
                20px + 10 *
                  ((100vw - 320px) / 1180)
              );
    line-height: 0.9;
  }
}
@media (min-width: 1500px) {
  .fluid-3-m {
    font-size: 30px;
    line-height: 0.9;
  }
}

.fluid-3-sb {
  font-family: arial, sans-serif;
  font-weight: 700;
}
.fluid-3-sb {
  font-size: 20px;
  line-height: 0.9;
}
@media (min-width: 320px) {
  .fluid-3-sb {
    font-size: calc(
                20px + 10 *
                  ((100vw - 320px) / 1180)
              );
    line-height: 0.9;
  }
}
@media (min-width: 1500px) {
  .fluid-3-sb {
    font-size: 30px;
    line-height: 0.9;
  }
}

.fluid-3-b {
  font-family: arial, sans-serif;
  font-weight: 900;
}
.fluid-3-b {
  font-size: 20px;
  line-height: 0.9;
}
@media (min-width: 320px) {
  .fluid-3-b {
    font-size: calc(
                20px + 10 *
                  ((100vw - 320px) / 1180)
              );
    line-height: 0.9;
  }
}
@media (min-width: 1500px) {
  .fluid-3-b {
    font-size: 30px;
    line-height: 0.9;
  }
}

.text-light,
.font-light {
  font-family: arial, sans-serif;
  font-weight: 100;
}

.text-regular,
.font-regular {
  font-family: arial, sans-serif;
  font-weight: 500;
}

.text-medium,
.font-medium {
  font-family: arial, sans-serif;
  font-weight: 600;
}

.text-semibold,
.font-semibold {
  font-family: arial, sans-serif;
  font-weight: 700;
}

.text-bold,
.font-bold {
  font-family: arial, sans-serif;
  font-weight: 900;
}

.margin-auto {
  margin: 0 auto;
}

.m-0 {
  margin: 0px;
}

.mx-0 {
  margin-inline: 0px;
}

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.mt-0 {
  margin-top: 0px;
}

.mr-0 {
  margin-right: 0px;
}

.mb-0 {
  margin-bottom: 0px;
}

.ml-0 {
  margin-left: 0px;
}

.p-0 {
  padding: 0px;
}

.px-0 {
  padding-inline: 0px;
}

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.pt-0 {
  padding-top: 0px;
}

.pr-0 {
  padding-right: 0px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pl-0 {
  padding-left: 0px;
}

.m-2 {
  margin: 2px;
}

.mx-2 {
  margin-inline: 2px;
}

.my-2 {
  margin-top: 2px;
  margin-bottom: 2px;
}

.mt-2 {
  margin-top: 2px;
}

.mr-2 {
  margin-right: 2px;
}

.mb-2 {
  margin-bottom: 2px;
}

.ml-2 {
  margin-left: 2px;
}

.p-2 {
  padding: 2px;
}

.px-2 {
  padding-inline: 2px;
}

.py-2 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.pt-2 {
  padding-top: 2px;
}

.pr-2 {
  padding-right: 2px;
}

.pb-2 {
  padding-bottom: 2px;
}

.pl-2 {
  padding-left: 2px;
}

.m-4 {
  margin: 4px;
}

.mx-4 {
  margin-inline: 4px;
}

.my-4 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.mt-4 {
  margin-top: 4px;
}

.mr-4 {
  margin-right: 4px;
}

.mb-4 {
  margin-bottom: 4px;
}

.ml-4 {
  margin-left: 4px;
}

.p-4 {
  padding: 4px;
}

.px-4 {
  padding-inline: 4px;
}

.py-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.pt-4 {
  padding-top: 4px;
}

.pr-4 {
  padding-right: 4px;
}

.pb-4 {
  padding-bottom: 4px;
}

.pl-4 {
  padding-left: 4px;
}

.m-8 {
  margin: 8px;
}

.mx-8 {
  margin-inline: 8px;
}

.my-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.mt-8 {
  margin-top: 8px;
}

.mr-8 {
  margin-right: 8px;
}

.mb-8 {
  margin-bottom: 8px;
}

.ml-8 {
  margin-left: 8px;
}

.p-8 {
  padding: 8px;
}

.px-8 {
  padding-inline: 8px;
}

.py-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.pt-8 {
  padding-top: 8px;
}

.pr-8 {
  padding-right: 8px;
}

.pb-8 {
  padding-bottom: 8px;
}

.pl-8 {
  padding-left: 8px;
}

.m-12 {
  margin: 12px;
}

.mx-12 {
  margin-inline: 12px;
}

.my-12 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.mt-12 {
  margin-top: 12px;
}

.mr-12 {
  margin-right: 12px;
}

.mb-12 {
  margin-bottom: 12px;
}

.ml-12 {
  margin-left: 12px;
}

.p-12 {
  padding: 12px;
}

.px-12 {
  padding-inline: 12px;
}

.py-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.pt-12 {
  padding-top: 12px;
}

.pr-12 {
  padding-right: 12px;
}

.pb-12 {
  padding-bottom: 12px;
}

.pl-12 {
  padding-left: 12px;
}

.m-16 {
  margin: 16px;
}

.mx-16 {
  margin-inline: 16px;
}

.my-16 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.mt-16 {
  margin-top: 16px;
}

.mr-16 {
  margin-right: 16px;
}

.mb-16 {
  margin-bottom: 16px;
}

.ml-16 {
  margin-left: 16px;
}

.p-16 {
  padding: 16px;
}

.px-16 {
  padding-inline: 16px;
}

.py-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.pt-16 {
  padding-top: 16px;
}

.pr-16 {
  padding-right: 16px;
}

.pb-16 {
  padding-bottom: 16px;
}

.pl-16 {
  padding-left: 16px;
}

.m-20 {
  margin: 20px;
}

.mx-20 {
  margin-inline: 20px;
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.ml-20 {
  margin-left: 20px;
}

.p-20 {
  padding: 20px;
}

.px-20 {
  padding-inline: 20px;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.m-24 {
  margin: 24px;
}

.mx-24 {
  margin-inline: 24px;
}

.my-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.mt-24 {
  margin-top: 24px;
}

.mr-24 {
  margin-right: 24px;
}

.mb-24 {
  margin-bottom: 24px;
}

.ml-24 {
  margin-left: 24px;
}

.p-24 {
  padding: 24px;
}

.px-24 {
  padding-inline: 24px;
}

.py-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.pt-24 {
  padding-top: 24px;
}

.pr-24 {
  padding-right: 24px;
}

.pb-24 {
  padding-bottom: 24px;
}

.pl-24 {
  padding-left: 24px;
}

.m-32 {
  margin: 32px;
}

.mx-32 {
  margin-inline: 32px;
}

.my-32 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.mt-32 {
  margin-top: 32px;
}

.mr-32 {
  margin-right: 32px;
}

.mb-32 {
  margin-bottom: 32px;
}

.ml-32 {
  margin-left: 32px;
}

.p-32 {
  padding: 32px;
}

.px-32 {
  padding-inline: 32px;
}

.py-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.pt-32 {
  padding-top: 32px;
}

.pr-32 {
  padding-right: 32px;
}

.pb-32 {
  padding-bottom: 32px;
}

.pl-32 {
  padding-left: 32px;
}

.m-40 {
  margin: 40px;
}

.mx-40 {
  margin-inline: 40px;
}

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mt-40 {
  margin-top: 40px;
}

.mr-40 {
  margin-right: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.ml-40 {
  margin-left: 40px;
}

.p-40 {
  padding: 40px;
}

.px-40 {
  padding-inline: 40px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pt-40 {
  padding-top: 40px;
}

.pr-40 {
  padding-right: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pl-40 {
  padding-left: 40px;
}

.m-48 {
  margin: 48px;
}

.mx-48 {
  margin-inline: 48px;
}

.my-48 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.mt-48 {
  margin-top: 48px;
}

.mr-48 {
  margin-right: 48px;
}

.mb-48 {
  margin-bottom: 48px;
}

.ml-48 {
  margin-left: 48px;
}

.p-48 {
  padding: 48px;
}

.px-48 {
  padding-inline: 48px;
}

.py-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.pt-48 {
  padding-top: 48px;
}

.pr-48 {
  padding-right: 48px;
}

.pb-48 {
  padding-bottom: 48px;
}

.pl-48 {
  padding-left: 48px;
}

.m-56 {
  margin: 56px;
}

.mx-56 {
  margin-inline: 56px;
}

.my-56 {
  margin-top: 56px;
  margin-bottom: 56px;
}

.mt-56 {
  margin-top: 56px;
}

.mr-56 {
  margin-right: 56px;
}

.mb-56 {
  margin-bottom: 56px;
}

.ml-56 {
  margin-left: 56px;
}

.p-56 {
  padding: 56px;
}

.px-56 {
  padding-inline: 56px;
}

.py-56 {
  padding-top: 56px;
  padding-bottom: 56px;
}

.pt-56 {
  padding-top: 56px;
}

.pr-56 {
  padding-right: 56px;
}

.pb-56 {
  padding-bottom: 56px;
}

.pl-56 {
  padding-left: 56px;
}

.m-64 {
  margin: 64px;
}

.mx-64 {
  margin-inline: 64px;
}

.my-64 {
  margin-top: 64px;
  margin-bottom: 64px;
}

.mt-64 {
  margin-top: 64px;
}

.mr-64 {
  margin-right: 64px;
}

.mb-64 {
  margin-bottom: 64px;
}

.ml-64 {
  margin-left: 64px;
}

.p-64 {
  padding: 64px;
}

.px-64 {
  padding-inline: 64px;
}

.py-64 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.pt-64 {
  padding-top: 64px;
}

.pr-64 {
  padding-right: 64px;
}

.pb-64 {
  padding-bottom: 64px;
}

.pl-64 {
  padding-left: 64px;
}

.m-72 {
  margin: 72px;
}

.mx-72 {
  margin-inline: 72px;
}

.my-72 {
  margin-top: 72px;
  margin-bottom: 72px;
}

.mt-72 {
  margin-top: 72px;
}

.mr-72 {
  margin-right: 72px;
}

.mb-72 {
  margin-bottom: 72px;
}

.ml-72 {
  margin-left: 72px;
}

.p-72 {
  padding: 72px;
}

.px-72 {
  padding-inline: 72px;
}

.py-72 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.pt-72 {
  padding-top: 72px;
}

.pr-72 {
  padding-right: 72px;
}

.pb-72 {
  padding-bottom: 72px;
}

.pl-72 {
  padding-left: 72px;
}

.m-80 {
  margin: 80px;
}

.mx-80 {
  margin-inline: 80px;
}

.my-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.mt-80 {
  margin-top: 80px;
}

.mr-80 {
  margin-right: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.ml-80 {
  margin-left: 80px;
}

.p-80 {
  padding: 80px;
}

.px-80 {
  padding-inline: 80px;
}

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.pt-80 {
  padding-top: 80px;
}

.pr-80 {
  padding-right: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pl-80 {
  padding-left: 80px;
}

.m-96 {
  margin: 96px;
}

.mx-96 {
  margin-inline: 96px;
}

.my-96 {
  margin-top: 96px;
  margin-bottom: 96px;
}

.mt-96 {
  margin-top: 96px;
}

.mr-96 {
  margin-right: 96px;
}

.mb-96 {
  margin-bottom: 96px;
}

.ml-96 {
  margin-left: 96px;
}

.p-96 {
  padding: 96px;
}

.px-96 {
  padding-inline: 96px;
}

.py-96 {
  padding-top: 96px;
  padding-bottom: 96px;
}

.pt-96 {
  padding-top: 96px;
}

.pr-96 {
  padding-right: 96px;
}

.pb-96 {
  padding-bottom: 96px;
}

.pl-96 {
  padding-left: 96px;
}

.m-112 {
  margin: 112px;
}

.mx-112 {
  margin-inline: 112px;
}

.my-112 {
  margin-top: 112px;
  margin-bottom: 112px;
}

.mt-112 {
  margin-top: 112px;
}

.mr-112 {
  margin-right: 112px;
}

.mb-112 {
  margin-bottom: 112px;
}

.ml-112 {
  margin-left: 112px;
}

.p-112 {
  padding: 112px;
}

.px-112 {
  padding-inline: 112px;
}

.py-112 {
  padding-top: 112px;
  padding-bottom: 112px;
}

.pt-112 {
  padding-top: 112px;
}

.pr-112 {
  padding-right: 112px;
}

.pb-112 {
  padding-bottom: 112px;
}

.pl-112 {
  padding-left: 112px;
}

.m-120 {
  margin: 120px;
}

.mx-120 {
  margin-inline: 120px;
}

.my-120 {
  margin-top: 120px;
  margin-bottom: 120px;
}

.mt-120 {
  margin-top: 120px;
}

.mr-120 {
  margin-right: 120px;
}

.mb-120 {
  margin-bottom: 120px;
}

.ml-120 {
  margin-left: 120px;
}

.p-120 {
  padding: 120px;
}

.px-120 {
  padding-inline: 120px;
}

.py-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.pt-120 {
  padding-top: 120px;
}

.pr-120 {
  padding-right: 120px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pl-120 {
  padding-left: 120px;
}

.m-128 {
  margin: 128px;
}

.mx-128 {
  margin-inline: 128px;
}

.my-128 {
  margin-top: 128px;
  margin-bottom: 128px;
}

.mt-128 {
  margin-top: 128px;
}

.mr-128 {
  margin-right: 128px;
}

.mb-128 {
  margin-bottom: 128px;
}

.ml-128 {
  margin-left: 128px;
}

.p-128 {
  padding: 128px;
}

.px-128 {
  padding-inline: 128px;
}

.py-128 {
  padding-top: 128px;
  padding-bottom: 128px;
}

.pt-128 {
  padding-top: 128px;
}

.pr-128 {
  padding-right: 128px;
}

.pb-128 {
  padding-bottom: 128px;
}

.pl-128 {
  padding-left: 128px;
}

.m-160 {
  margin: 160px;
}

.mx-160 {
  margin-inline: 160px;
}

.my-160 {
  margin-top: 160px;
  margin-bottom: 160px;
}

.mt-160 {
  margin-top: 160px;
}

.mr-160 {
  margin-right: 160px;
}

.mb-160 {
  margin-bottom: 160px;
}

.ml-160 {
  margin-left: 160px;
}

.p-160 {
  padding: 160px;
}

.px-160 {
  padding-inline: 160px;
}

.py-160 {
  padding-top: 160px;
  padding-bottom: 160px;
}

.pt-160 {
  padding-top: 160px;
}

.pr-160 {
  padding-right: 160px;
}

.pb-160 {
  padding-bottom: 160px;
}

.pl-160 {
  padding-left: 160px;
}

@media (min-width: 768px) {
  .sm\:mb-0 {
    margin-bottom: 0;
  }
}

@media (min-width: 992px) {
  .md\:mb-0 {
    margin-bottom: 0;
  }
}

@media (min-width: 1280px) {
  .lg\:mb-0 {
    margin-bottom: 0;
  }
}

@media (min-width: 1440px) {
  .xl\:mb-0 {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .sm\:mt-0 {
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  .md\:mt-0 {
    margin-top: 0;
  }
}

@media (min-width: 1280px) {
  .lg\:mt-0 {
    margin-top: 0;
  }
}

@media (min-width: 1440px) {
  .xl\:mt-0 {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .sm\:pr-0 {
    padding-right: 0;
  }
}

@media (min-width: 992px) {
  .md\:pr-0 {
    padding-right: 0;
  }
}

@media (min-width: 1280px) {
  .lg\:pr-0 {
    padding-right: 0;
  }
}

@media (min-width: 1440px) {
  .xl\:pr-0 {
    padding-right: 0;
  }
}

@media (min-width: 768px) {
  .sm\:pl-0 {
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .md\:pl-0 {
    padding-left: 0;
  }
}

@media (min-width: 1280px) {
  .lg\:pl-0 {
    padding-left: 0;
  }
}

@media (min-width: 1440px) {
  .xl\:pl-0 {
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .sm\:pt-0 {
    padding-top: 0;
  }
}

@media (min-width: 992px) {
  .md\:pt-0 {
    padding-top: 0;
  }
}

@media (min-width: 1280px) {
  .lg\:pt-0 {
    padding-top: 0;
  }
}

@media (min-width: 1440px) {
  .xl\:pt-0 {
    padding-top: 0;
  }
}

@media (min-width: 768px) {
  .sm\:pb-0 {
    padding-bottom: 0;
  }
}

@media (min-width: 992px) {
  .md\:pb-0 {
    padding-bottom: 0;
  }
}

@media (min-width: 1280px) {
  .lg\:pb-0 {
    padding-bottom: 0;
  }
}

@media (min-width: 1440px) {
  .xl\:pb-0 {
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .smmax\:pb-0 {
    padding-bottom: 0;
  }
}

@media (max-width: 991px) {
  .mdmax\:pb-0 {
    padding-bottom: 0;
  }
}

@media (max-width: 1279px) {
  .lgmax\:pb-0 {
    padding-bottom: 0;
  }
}

@media (max-width: 1439px) {
  .xlmax\:pb-0 {
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .smmax\:mb-0 {
    margin-bottom: 0;
  }
}

@media (max-width: 991px) {
  .mdmax\:mb-0 {
    margin-bottom: 0;
  }
}

@media (max-width: 1279px) {
  .lgmax\:mb-0 {
    margin-bottom: 0;
  }
}

@media (max-width: 1439px) {
  .xlmax\:mb-0 {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .smmax\:pt-0 {
    padding-top: 0;
  }
}

@media (max-width: 991px) {
  .mdmax\:pt-0 {
    padding-top: 0;
  }
}

@media (max-width: 1279px) {
  .lgmax\:pt-0 {
    padding-top: 0;
  }
}

@media (max-width: 1439px) {
  .xlmax\:pt-0 {
    padding-top: 0;
  }
}

@media (max-width: 767px) {
  .smmax\:mt-0 {
    margin-top: 0;
  }
}

@media (max-width: 991px) {
  .mdmax\:mt-0 {
    margin-top: 0;
  }
}

@media (max-width: 1279px) {
  .lgmax\:mt-0 {
    margin-top: 0;
  }
}

@media (max-width: 1439px) {
  .xlmax\:mt-0 {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .smmax\:mb-16 {
    margin-bottom: 16px;
  }
}

@media (max-width: 991px) {
  .mdmax\:mb-16 {
    margin-bottom: 16px;
  }
}

@media (max-width: 991px) {
  .mdmax\:mb-20 {
    margin-bottom: 24px;
  }
}

@media (max-width: 991px) {
  .mdmax\:mb-24 {
    margin-bottom: 24px;
  }
}

@media (max-width: 991px) {
  .mdmax\:mb-32 {
    margin-bottom: 32px;
  }
}

@media (max-width: 991px) {
  .mdmax\:mb-40 {
    margin-bottom: 40px;
  }
}

@media (max-width: 991px) {
  .mdmax\:mb-42 {
    margin-bottom: 42px;
  }
}

.c-primary {
  color: #000;
}

.c-black {
  color: #000;
}

.c-dark-grey {
  color: #737373;
}

.c-middle-grey {
  color: #a9a9a9;
}

.c-light-grey {
  color: #F9F9F9;
}

.c-white {
  color: #fff;
}

.second-color {
  color: #737373;
}

.is-info {
  color: #1a32a4;
}

.c-error {
  color: #B40016;
}

.c-sale {
  color: #ffce4e;
}

.c-info {
  color: #1a32a4;
}

.c-success {
  color: #12882c;
}

.c-valid {
  color: #12882c;
}

.c-warning {
  color: #ffce4e;
}

.c-notice {
  color: #e5740b;
}

.c-feel {
  color: #000000;
}

.c-feel-dark {
  color: #a9a9a9;
}

.c-feel-light {
  color: #f0f0f0;
}

.c-tier-silver {
  color: #e3e3e3;
}

.c-tier-platinum {
  color: #99b0c5;
}

.c-tier-gold {
  color: #dcbe99;
}

.c-limited {
  color: #000;
}

.bg-clear {
  background-color: #fff;
}

.bg-light {
  background-color: #f0f0f0;
  color: #000;
}

.bg-cream {
  background-color: #F9F9F9;
}

.bg-feel-light {
  background-color: #f0f0f0;
}

.bg-feel-dark {
  background-color: #a9a9a9;
}

.bg-dark-grey {
  background-color: #737373;
}

.bg-middle-grey {
  background-color: #a9a9a9;
}

.bg-light-grey {
  background-color: #F9F9F9;
}

.bg-primary {
  background-color: #000;
}

.bg-secondary {
  background-color: #000;
}

.bg-accent {
  background-color: #B40016;
}

.bg-white {
  background-color: #fff;
}

.bg-black {
  background-color: #000;
}

.bg-sale {
  background-color: #ffce4e;
}

.bg-error {
  background-color: #B40016;
}

.bg-info {
  background-color: #1a32a4;
  color: #fff;
}

.bg-success {
  background-color: #12882c;
  color: #fff;
}

.bg-feel {
  background-color: #000000;
  color: #fff;
}

.bg-warning {
  background-color: #ffce4e;
}

.bg-notice {
  background-color: #e5740b;
}

.bg-alert {
  background-color: #ffce4e;
}

.bg-dark {
  background-color: #000;
  color: #fff;
}

.bg-tier-silver {
  background-color: #e3e3e3;
}

.bg-tier-platinum {
  background-color: #99b0c5;
}

.bg-tier-gold {
  background-color: #dcbe99;
}

.bg-cover {
  background-position: center center;
  background-size: cover;
}

.bold {
  font-family: arial, sans-serif;
  font-weight: 900;
}

.semibold {
  font-family: arial, sans-serif;
  font-weight: 700;
}

b {
  color: #000;
}

.ttc {
  text-transform: capitalize;
}

.margin-auto {
  margin: 0 auto;
}

.fl-left {
  float: left;
}

.fl-right {
  float: right;
}

.relative {
  position: relative;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.t-0 {
  top: 0;
}

.banner-zone {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row nowrap;
  padding: 16px;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-transform-none {
  text-transform: none;
}

.text-underline {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

.has-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: top;
  width: 100%;
}

.has-ellipsis-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.max-ellipsis {
  max-width: 250px;
}
@media (min-width: 768px) {
  .max-ellipsis {
    max-width: 500px;
  }
}

.video-cover {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
}

.img-cover {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
}
.img-cover img {
  max-width: initial;
}

.center-absolute {
  position: absolute;
  top: 50%;
  left: 50%;
  object-fit: cover;
  transform: translate(-50%, -50%);
}

hr {
  width: 100%;
  margin: 0;
  border-top: var(--line-width) solid #000;
  border-bottom: var(--line-width) solid transparent;
  border-left: var(--line-width) solid transparent;
  border-right: var(--line-width) solid transparent;
}

.only-mobile {
  display: inline-block;
}
@media (min-width: 768px) {
  .only-mobile {
    display: none;
  }
}

@media (max-width: 767px) {
  .only-desktop {
    display: none !important;
  }
}

.ico-r svg {
  position: relative;
  left: 8px;
  display: inline-block;
  vertical-align: text-top;
}

.ico.ico-l {
  display: flex;
  align-items: center;
}
.ico.ico-l svg-icon,
.ico.ico-l svg-icon2,
.ico.ico-l md-icon {
  margin-right: 16px;
}

.hg-status {
  position: relative;
  padding-left: 16px;
}
.hg-status::before {
  position: absolute;
  content: "";
  border-radius: 50%;
  overflow: hidden;
  top: 5px;
  left: 0;
  width: 8px;
  height: 8px;
}

.hg-status-a {
  color: #B40016;
}
.hg-status-a::before {
  background-color: #B40016;
}

.hg-status-b {
  color: #1a32a4;
}
.hg-status-b::before {
  background-color: #1a32a4;
}

.hg-status-c {
  color: #B40016;
}
.hg-status-c::before {
  background-color: #B40016;
}

.hg-status-d {
  color: #737373;
}
.hg-status-d::before {
  background-color: #737373;
}

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

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

@media (max-width: 767px) {
  .sm\:hidden {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .md\:hidden {
    display: none !important;
  }
}

@media (max-width: 1279px) {
  .lg\:hidden {
    display: none !important;
  }
}

@media (max-width: 1439px) {
  .xl\:hidden {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .sm\:visible {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .md\:visible {
    display: none !important;
  }
}

@media (min-width: 1280px) {
  .lg\:visible {
    display: none !important;
  }
}

@media (min-width: 1440px) {
  .xl\:visible {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .sm\:order-last {
    order: 3;
  }
}

@media (min-width: 992px) {
  .md\:order-last {
    order: 3;
  }
}

@media (min-width: 1280px) {
  .lg\:order-last {
    order: 3;
  }
}

.reverse {
  flex-wrap: wrap-reverse;
}

@media (max-width: 767px) {
  .smmax\:reverse {
    flex-wrap: wrap-reverse;
  }
}

@media (max-width: 991px) {
  .mdmax\:reverse {
    flex-wrap: wrap-reverse;
  }
}

@media (max-width: 1279px) {
  .lgmax\:reverse {
    flex-wrap: wrap-reverse;
  }
}

@media (max-width: 991px) {
  .mdmax\:px-48 {
    padding-left: 48px;
    padding-right: 48px;
  }
}

.text-12-l {
  font-family: arial, sans-serif;
  font-size: 12px;
}

strong {
  color: #000;
  font-family: arial, sans-serif;
}

.bb-line {
  border-bottom: var(--line-width) solid #a9a9a9;
}

.border-1 {
  border: var(--line-width) solid #000;
}

.border-1-grey {
  border: var(--line-width) solid #a9a9a9;
}

.border-1-light {
  border: var(--line-width) solid #F9F9F9;
}

.border-t {
  border-top: var(--line-width) solid #000;
}

.border-r {
  border-right: var(--line-width) solid #000;
}

.border-b {
  border-bottom: var(--line-width) solid #000;
}

.border-b-grey {
  border-bottom: var(--line-width) solid #F9F9F9;
}

.border-l {
  border-left: var(--line-width) solid #000;
}

.border-b2 {
  border-top: none;
  border-bottom: var(--line-width) solid #000;
}

.border-t2 {
  border-top: var(--line-width) solid #000;
}

.border-15 {
  border: var(--line-width) solid rgba(0, 0, 0, 0.15);
}

.border-b-15 {
  border-bottom: var(--line-width) solid rgba(0, 0, 0, 0.15);
}

.border-r2 {
  border-right: var(--line-width) solid #000;
}

.flex-vcenter {
  display: flex;
  align-items: center;
}
.flex-vcenter [type=checkbox]:checked + label .icon,
.flex-vcenter [type=checkbox]:not(:checked) + label .icon {
  position: absolute;
  top: 50%;
  margin-top: -9px;
}

.only-mobile-flex {
  display: flex;
}
@media (min-width: 768px) {
  .only-mobile-flex {
    display: flex;
  }
}
@media (min-width: 992px) {
  .only-mobile-flex {
    display: none;
  }
}
@media (min-width: 1280px) {
  .only-mobile-flex {
    display: none;
  }
}

.only-desktop-flex {
  display: none;
}
@media (min-width: 768px) {
  .only-desktop-flex {
    display: none;
  }
}
@media (min-width: 992px) {
  .only-desktop-flex {
    display: flex;
  }
}
@media (min-width: 1280px) {
  .only-desktop-flex {
    display: flex;
  }
}

.p-view {
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

@media (max-width: 767px) {
  .p-view\:sm {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
}

@media (max-width: 767px) {
  .smmax\:p-view {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
}

.text-faded {
  opacity: 0.5;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-70 {
  opacity: 0.7;
}

.cursor-pointer {
  cursor: pointer;
}

.ov-scroll {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.scrollbar::-webkit-scrollbar {
  background-color: #fff;
  width: 16px;
}

.ov-custom::-webkit-scrollbar-track {
  background-color: rgba(249, 249, 249, 0.1);
}
.ov-custom::-webkit-scrollbar-track:hover {
  background-color: rgba(249, 249, 249, 0.1);
}
.ov-custom::-webkit-scrollbar-thumb {
  background-color: rgba(115, 115, 115, 0.6);
  border-radius: 16px;
  border: 3px solid #fff;
}
.ov-custom::-webkit-scrollbar-thumb:hover {
  background-color: rgba(115, 115, 115, 0.6);
  border: 2px solid #F9F9F9;
}
.ov-custom::-webkit-scrollbar-button {
  display: none;
}

.svg-iflex {
  display: flex;
  align-content: center;
  align-items: center;
  margin: 4px;
}

.svg-inline {
  display: inline-block;
  vertical-align: middle;
  margin: 4px;
}

.ttu,
.btn-primary,
.btn--full,
.btn-secondary,
.form-input-label-2 label {
  text-transform: uppercase;
}

.product-fadein {
  animation-delay: 1s;
  animation-duration: 3s;
  animation-name: fadein;
}

.vert-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.video-wrap {
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.p-wrap {
  position: relative;
  width: 100%;
}

.charging {
  position: relative;
  height: 100%;
}

.arrow-right {
  float: right;
}

.w-100 {
  width: 100%;
}

.mw-sm {
  max-width: 360px;
}

.mw-md {
  max-width: 442px;
}

.col-lg-4 > .mw-md {
  max-width: 442px;
}

.mw-lg {
  max-width: 798px;
}

.w-max {
  width: max-content;
}

.hidden {
  display: none !important;
}

.d-block {
  display: block;
}

.d-inline {
  display: inline;
}

.d-inline-block {
  display: inline-block;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-initial {
  flex: 0 1 auto;
}

.flex-none {
  flex: none;
}

.has-light {
  color: #fff;
}
.has-light hr {
  border-top: 1px solid #fff;
}

@media (max-width: 767px) {
  .smmax\:flex {
    display: flex;
  }
}

@media (max-width: 991px) {
  .mdmax\:flex {
    display: flex;
  }
}

@media (max-width: 1279px) {
  .lgmax\:flex {
    display: flex;
  }
}

@media (min-width: 768px) {
  .sm\:flex {
    display: flex;
  }
}

@media (min-width: 992px) {
  .md\:flex {
    display: flex;
  }
}

@media (min-width: 1280px) {
  .lg\:flex {
    display: flex;
  }
}

.pe-none {
  pointer-events: none;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-all {
  pointer-events: all;
}

.font-l {
  font-family: arial, sans-serif;
}

.font-r {
  font-family: arial, sans-serif;
}

.font-m {
  font-family: arial, sans-serif;
}

.font-b {
  font-family: arial, sans-serif;
}

.font-sb {
  font-family: arial, sans-serif;
}

.absolute-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.free-product {
  color: #ffce4e;
}

.is-invert {
  filter: invert(1);
}

.p-stick {
  position: sticky;
  top: 0;
  z-index: 100;
}

.m-0 {
  margin: 0;
}

.o-hidden {
  overflow: hidden;
}

.max-vw-35 {
  max-width: 35vw;
}

.reset-body {
  margin-left: -20px;
  margin-right: -20px;
}
@media (min-width: 992px) {
  .reset-body {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media (max-width: 991px) {
  .mdmax\:reset-body {
    margin-left: -20px;
    margin-right: -20px;
  }
}

@media (max-width: 767px) {
  .smmax\:reset-body {
    margin-left: -20px;
    margin-right: -20px;
  }
}

@media (max-width: 767px) {
  .sm\:grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.scrollcustom {
  overflow: auto;
}
.scrollcustom::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.scrollcustom::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.scrollcustom::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.6);
}

.min-scrollcustom-y {
  overflow: auto;
}
.min-scrollcustom-y::-webkit-scrollbar {
  width: 1px;
  height: 1px;
}
.min-scrollcustom-y::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 0;
}
.min-scrollcustom-y::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

.min-scrollcustom-hover {
  overflow: auto;
}
.min-scrollcustom-hover::-webkit-scrollbar {
  width: 0;
}
.min-scrollcustom-hover::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 0;
}
.min-scrollcustom-hover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.6);
}

.min-scrollcustom-x {
  overflow: auto;
}
.min-scrollcustom-x::-webkit-scrollbar {
  height: 5px;
}
.min-scrollcustom-x::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 0;
}
.min-scrollcustom-x::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #a9a9a9;
}

.min-scrollcustom-x.has-dark {
  overflow: auto;
}
.min-scrollcustom-x.has-dark::-webkit-scrollbar {
  height: 5px;
}
.min-scrollcustom-x.has-dark::-webkit-scrollbar-track {
  background: #a9a9a9;
  border-radius: 0;
}
.min-scrollcustom-x.has-dark::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #000;
}

.leading-1 {
  line-height: 1;
}

.tag-product {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
}

.m--1 {
  margin-top: -1px;
}

.btn-group-bleed .btn-group {
  margin-top: -1px;
}

.is-active.btn-secondary {
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
}

.fixed-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.sidebar-overflow {
  height: 100vh;
  overflow: auto;
}

.is-through {
  text-decoration: line-through;
}

.gap-16 {
  gap: 16px;
}

.bg-primary-3 {
  background-color: rgba(0, 0, 0, 0.3);
}

.bg-primary-15 {
  background-color: rgba(0, 0, 0, 0.15);
}

.bg-primary-30 {
  background-color: rgba(0, 0, 0, 0.3);
}

.bg-primary-60 {
  background-color: rgba(0, 0, 0, 0.6);
}

.bg-primary-97 {
  background-color: rgba(0, 0, 0, 0.97);
}

.bg-secondary-3 {
  background-color: rgba(255, 255, 255, 0.3);
}

.bg-secondary-15 {
  background-color: rgba(255, 255, 255, 0.15);
}

.bg-secondary-30 {
  background-color: rgba(255, 255, 255, 0.3);
}

.bg-secondary-60 {
  background-color: rgba(255, 255, 255, 0.6);
}

.bg-secondary-97 {
  background-color: rgba(255, 255, 255, 0.97);
}

.mx-auto {
  margin-right: auto;
  margin-left: auto;
}

[lang^=de] body,
[lang^=zh] body,
[lang^=zo] body,
[lang^=eu] body,
[lang^=el] body,
[lang^=tr] body,
[lang^=ru] body,
[lang^=sr] body,
[lang^=uk] body,
[lang^=bg] body,
[lang^=ar] body,
[lang^=nl] body {
  font-family: Helvetica, Arial, sans-serif !important;
}
[lang^=de] .ttu,
[lang^=de] .btn-primary,
[lang^=de] .btn--full,
[lang^=de] .btn-secondary,
[lang^=de] .form-input-label-2 label,
[lang^=zh] .ttu,
[lang^=zh] .btn-primary,
[lang^=zh] .btn--full,
[lang^=zh] .btn-secondary,
[lang^=zh] .form-input-label-2 label,
[lang^=zo] .ttu,
[lang^=zo] .btn-primary,
[lang^=zo] .btn--full,
[lang^=zo] .btn-secondary,
[lang^=zo] .form-input-label-2 label,
[lang^=eu] .ttu,
[lang^=eu] .btn-primary,
[lang^=eu] .btn--full,
[lang^=eu] .btn-secondary,
[lang^=eu] .form-input-label-2 label,
[lang^=el] .ttu,
[lang^=el] .btn-primary,
[lang^=el] .btn--full,
[lang^=el] .btn-secondary,
[lang^=el] .form-input-label-2 label,
[lang^=tr] .ttu,
[lang^=tr] .btn-primary,
[lang^=tr] .btn--full,
[lang^=tr] .btn-secondary,
[lang^=tr] .form-input-label-2 label,
[lang^=ru] .ttu,
[lang^=ru] .btn-primary,
[lang^=ru] .btn--full,
[lang^=ru] .btn-secondary,
[lang^=ru] .form-input-label-2 label,
[lang^=sr] .ttu,
[lang^=sr] .btn-primary,
[lang^=sr] .btn--full,
[lang^=sr] .btn-secondary,
[lang^=sr] .form-input-label-2 label,
[lang^=uk] .ttu,
[lang^=uk] .btn-primary,
[lang^=uk] .btn--full,
[lang^=uk] .btn-secondary,
[lang^=uk] .form-input-label-2 label,
[lang^=bg] .ttu,
[lang^=bg] .btn-primary,
[lang^=bg] .btn--full,
[lang^=bg] .btn-secondary,
[lang^=bg] .form-input-label-2 label,
[lang^=ar] .ttu,
[lang^=ar] .btn-primary,
[lang^=ar] .btn--full,
[lang^=ar] .btn-secondary,
[lang^=ar] .form-input-label-2 label,
[lang^=nl] .ttu,
[lang^=nl] .btn-primary,
[lang^=nl] .btn--full,
[lang^=nl] .btn-secondary,
[lang^=nl] .form-input-label-2 label {
  text-transform: none;
}

[lang^=zh] body,
[lang^=zn] body,
[lang^=ko] body,
[lang^=vi] body,
[lang^=el] body,
[lang^=tr] body,
[lang^=ru] body,
[lang^=sr] body,
[lang^=uk] body,
[lang^=bg] body,
[lang^=ar] body {
  font-family: Helvetica, Arial, sans-serif !important;
}

.no-scroll-x {
  overflow-x: hidden;
}

.no-scroll-y {
  overflow-y: hidden;
}

.has-scroll {
  overflow-y: auto;
}

.max-200 {
  max-width: 200px;
}

@media (min-width: 768px) {
  .sm\:max-0 {
    max-width: initial;
  }
}

.col-responsive .col {
  box-sizing: border-box;
  min-width: 300px;
}

.separator {
  border-bottom: 1px solid #fff;
}

.blend-mode {
  color: white;
  mix-blend-mode: difference;
  background-blend-mode: difference;
}

.border-c-middle {
  border-color: #a9a9a9;
}

.flex-grow-0 {
  flex-grow: 0;
}

.grow {
  flex-grow: 1;
}

.flex-grow {
  flex-grow: 1;
  overflow-y: auto;
}

.grow-0 {
  flex-grow: 0;
}

.no-cursor {
  cursor: default;
}

.no-relative {
  position: inherit;
}

.theme-keyboard-accesible *:focus,
.theme-keyboard-accesible *:focus-visible,
.theme-keyboard-accesible [class*=checkbox-]:focus + label,
.theme-keyboard-accesible [class*=checkbox-]:focus-visible + label,
.theme-keyboard-accesible [class*=checkbox-] input:focus + label,
.theme-keyboard-accesible [class*=checkbox-] input:focus-visible + label {
  outline: 2px solid #383BFF !important;
  outline-offset: 1px;
}
.theme-keyboard-accesible .focus\:outside:focus,
.theme-keyboard-accesible .focus\:outside:focus-visible {
  outline: 2px solid #383BFF !important;
  outline-offset: 1px;
}
.theme-keyboard-accesible .focus\:inset:focus,
.theme-keyboard-accesible .focus\:inset:focus-visible {
  outline: 2px solid #383BFF !important;
  outline-offset: -2px;
}
.theme-keyboard-accesible a:focus .product-card-img::before,
.theme-keyboard-accesible .product-media__img:focus::before {
  content: "";
  display: block;
  outline: 2px solid #383BFF !important;
  outline-offset: -2px;
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
}
.theme-keyboard-accesible .btn-grid .btn:focus,
.theme-keyboard-accesible .btn-grid .btn:focus-visible {
  outline: 2px solid #383BFF !important;
  outline-offset: -2px;
}

.arrow-cover {
  height: auto;
  padding: 30px;
  position: absolute;
  bottom: 0;
  right: 0;
  color: #000;
  display: flex;
  opacity: 1;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  transition: opacity 0.3s ease;
  z-index: 6;
}
.arrow-cover svg {
  animation: bounce 0.8s infinite alternate;
}

.line-scrolldown {
  position: absolute;
  top: calc(100% - 120px);
  left: 50%;
  z-index: 3;
  opacity: 1;
  transform: translateX(-50%);
}
.line-scrolldown::before {
  content: "";
  position: absolute;
  top: 40px;
  left: 50%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #000;
  transform: translateX(-50%);
}
.line-scrolldown::after {
  content: "";
  position: absolute;
  top: 40px;
  left: 50%;
  width: 1px;
  height: 0;
  border-radius: 2px;
  background: #000;
  transform: translateX(-50%);
  animation: stretch 1s 1.5s cubic-bezier(0.55, 0.085, 0, 0.99) forwards;
}

.has-light .arrow-cover {
  color: #fff;
}
.has-light .line-scrolldown::before {
  background: #fff;
}
.has-light .line-scrolldown::after {
  background: #fff;
}

.md-arrow-anim {
  transition: all ease 0.3s;
}
.is-active .md-arrow-anim {
  transform: rotate(180deg);
}

.marketing-spot {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row nowrap;
  padding: 16px;
  border: 1px solid #000;
}
.marketing-spot svg-icon,
.marketing-spot svg-icon2,
.marketing-spot md-icon {
  margin-right: 8px;
  z-index: -1;
}

.banner-warning {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row nowrap;
  padding: 24px 16px;
  margin-top: 16px;
  text-align: center;
  background-color: #ffce4e;
  color: #fff;
}

.banner-info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row nowrap;
  padding: 24px 16px;
  margin-top: 16px;
  text-align: center;
  background-color: #1a32a4;
  color: #fff;
}

.banner-valid {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row nowrap;
  padding: 24px 16px;
  margin-top: 16px;
  text-align: center;
  background-color: #12882c;
  color: #fff;
}

.banner-alert {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row nowrap;
  padding: 24px 16px;
  margin-top: 16px;
  text-align: center;
  background-color: #ffce4e;
  color: #000;
}

.banner-feel {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row nowrap;
  padding: 24px 16px;
  margin-top: 16px;
  text-align: center;
  background-color: #000000;
  color: #000;
}

.banner-limited {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row nowrap;
  padding: 24px 16px;
  margin-top: 16px;
  text-align: center;
  background-color: #000;
  color: #fff;
}

.banner-app {
  position: fixed;
  z-index: 10005;
  left: auto;
  right: auto;
  bottom: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .banner-app {
    max-width: 375px;
    bottom: 0;
    left: 96px;
  }
}

input:is([type=button], [type=submit], [type=reset]),
input[type=file]::file-selector-button,
button {
  color: #000;
}

.btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  border-radius: 0;
  overflow: hidden;
  text-align: center;
  box-sizing: border-box;
  font-size: 12px;
  vertical-align: middle;
  justify-content: center;
  border: none;
  white-space: nowrap;
  cursor: pointer;
  padding: 10px 16px 8px;
  background-color: transparent;
  min-height: 40px;
  font-family: arial, sans-serif;
  font-weight: 500;
}
.btn:focus, .btn.focus, .btn:hover, .btn.hover, .btn:visited, .btn:active, .btn.active {
  text-decoration: none;
  cursor: pointer;
}
.btn[disabled], .btn:disabled, .btn.disabled {
  pointer-events: none;
  background-color: #F9F9F9;
  border: 1px solid #F9F9F9;
  color: #737373;
  opacity: 1;
  cursor: not-allowed;
}
.has-light .btn {
  color: #000;
  border-color: #fff;
  background-color: #fff;
}
.has-light .btn::after {
  background-color: #fff;
}
.has-light .btn:focus, .has-light .btn.focus, .has-light .btn:hover, .has-light .btn.hover, .has-light .btn:visited, .has-light .btn:active, .has-light .btn.active {
  color: #fff;
  background-color: #a9a9a9;
  border-color: #a9a9a9;
}
.has-light .btn[disabled], .has-light .btn:disabled, .has-light .btn.disabled {
  cursor: default;
  pointer-events: none;
  background-color: #F9F9F9;
  border: 1px solid #F9F9F9;
  color: #737373;
  opacity: 1;
}
.btn.btn-separate {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 32px;
}
.btn.btn-separate.btn--mini, .btn.btn-separate.btn--small {
  width: max-content;
}
.btn.btn-feel-invert {
  color: #000;
  background-color: transparent;
  border: 1px solid #000000;
}
.btn.btn-feel-invert svg g {
  fill: #000;
  stroke: #000;
}
.btn.btn-feel-invert svg circle {
  stroke: #000;
}
.btn.btn-feel-invert:focus, .btn.btn-feel-invert.focus, .btn.btn-feel-invert:hover, .btn.btn-feel-invert.hover, .btn.btn-feel-invert:active, .btn.btn-feel-invert.active {
  color: #000;
  opacity: 1;
  border-color: rgba(0, 0, 0, 0.5);
}
.btn.btn-feel-invert[disabled], .btn.btn-feel-invert:disabled, .btn.btn-feel-invert.disabled {
  opacity: 1;
  border-color: #F9F9F9;
  color: #737373;
  cursor: default;
}
.btn.has-ico-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn.btn-clear {
  padding: 8px;
  background: none;
  border: none;
}

.btn-xs {
  position: relative;
  display: inline-flex;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  font-size: 12px;
  margin-right: 8px;
  white-space: nowrap;
  cursor: pointer;
  padding: 6px;
}
.btn-xs:active, .btn-xs:focus, .btn-xs:visited {
  outline: none;
}

.btn--wrap {
  white-space: wrap;
}

.btn--mini {
  padding: 10px 24px 8px 24px;
  font-size: 12px;
  min-width: 50px;
  padding-left: 8px;
  padding-right: 8px;
}

.btn--small {
  min-height: 40px;
  padding-right: 16px;
  padding-left: 16px;
}

.btn--medium {
  padding-right: 40px;
  padding-left: 40px;
  max-width: 272px;
  width: 100%;
  min-height: 40px;
}

.btn--mini-rd {
  padding-right: 24px;
  padding-left: 24px;
  font-size: 12px;
  min-height: 32px;
  display: inline-flex;
  align-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .btn--mini-rd {
    padding: 16px;
    font-size: 12px;
    min-height: 40px;
  }
}

.btn--large {
  min-height: 40px;
  min-width: 200px;
  max-width: 400px;
  width: 100%;
  padding-right: 56px;
  padding-left: 56px;
  font-size: 12px;
}

.btn--xlarge {
  padding-right: 64px;
  padding-left: 64px;
  position: relative;
  display: inline-flex;
  min-height: 40px;
  min-width: 200px;
  max-width: 400px;
  padding: 12px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.btn--xxl {
  display: flex;
  min-height: 60px;
  padding: 10px 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.btn--search {
  min-height: initial;
  display: flex;
  font-size: 11px;
  line-height: 1;
  padding: 6px;
  justify-content: center;
  align-items: flex-start;
  border-bottom: 1px solid #000;
}

.btn--full {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  font-size: 12px;
  height: auto;
  min-height: 40px;
}

.btn--round {
  border-radius: 50px;
}

.btn-primary {
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
}
.btn-primary svg g {
  fill: #fff;
  stroke: #fff;
}
.btn-primary svg circle {
  stroke: #fff;
}
.btn-primary svg path {
  fill: #fff;
}
.btn-primary:focus, .btn-primary.focus, .btn-primary:hover, .btn-primary.hover, .btn-primary:active, .btn-primary.active {
  color: #fff;
  background-color: #737373;
  border: 1px solid #737373;
  opacity: 1;
  cursor: pointer;
}
.btn-primary[disabled], .btn-primary:disabled, .btn-primary.disabled {
  background-color: #F9F9F9;
  border: 1px solid #F9F9F9;
  color: #737373;
  opacity: 1;
}
.btn-primary[disabled] svg g, .btn-primary:disabled svg g, .btn-primary.disabled svg g {
  fill: #737373;
  stroke: #737373;
}
.btn-primary[disabled] svg circle, .btn-primary:disabled svg circle, .btn-primary.disabled svg circle {
  stroke: #737373;
}
.btn-primary[disabled] svg path, .btn-primary:disabled svg path, .btn-primary.disabled svg path {
  fill: #737373;
}
.has-light .btn-primary {
  color: #000;
  background-color: #fff;
  border: 1px solid #fff;
}
.has-light .btn-primary svg g {
  fill: #000;
  stroke: #000;
}
.has-light .btn-primary svg circle {
  stroke: #000;
}
.has-light .btn-primary svg path {
  fill: #000;
}
.has-light .btn-primary:focus, .has-light .btn-primary.focus, .has-light .btn-primary:hover, .has-light .btn-primary.hover, .has-light .btn-primary:active, .has-light .btn-primary.active {
  color: #fff;
  background-color: #737373;
  border: 1px solid #737373;
  opacity: 1;
}
.has-light .btn-primary:focus svg g, .has-light .btn-primary.focus svg g, .has-light .btn-primary:hover svg g, .has-light .btn-primary.hover svg g, .has-light .btn-primary:active svg g, .has-light .btn-primary.active svg g {
  fill: #fff;
  stroke: #fff;
}
.has-light .btn-primary:focus svg circle, .has-light .btn-primary.focus svg circle, .has-light .btn-primary:hover svg circle, .has-light .btn-primary.hover svg circle, .has-light .btn-primary:active svg circle, .has-light .btn-primary.active svg circle {
  stroke: #fff;
}
.has-light .btn-primary:focus svg path, .has-light .btn-primary.focus svg path, .has-light .btn-primary:hover svg path, .has-light .btn-primary.hover svg path, .has-light .btn-primary:active svg path, .has-light .btn-primary.active svg path {
  fill: #fff;
}
.has-light .btn-primary[disabled], .has-light .btn-primary:disabled, .has-light .btn-primary.disabled {
  background-color: #F9F9F9;
  border: 1px solid #F9F9F9;
  color: #737373;
  opacity: 1;
}

.btn-secondary {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
}
.btn-secondary svg circle {
  stroke: #000;
}
.btn-secondary:focus, .btn-secondary.focus, .btn-secondary:hover, .btn-secondary.hover, .btn-secondary:active, .btn-secondary.active {
  color: #000;
  background-color: #fff;
  border: 1px solid #737373;
  opacity: 1;
}
.btn-secondary[disabled], .btn-secondary:disabled, .btn-secondary.disabled {
  background-color: #F9F9F9;
  border: 1px solid #F9F9F9;
  color: #737373;
  opacity: 1;
}
.btn-secondary[disabled] svg g, .btn-secondary:disabled svg g, .btn-secondary.disabled svg g {
  fill: #a9a9a9;
  stroke: #a9a9a9;
}
.btn-secondary[disabled] svg circle, .btn-secondary:disabled svg circle, .btn-secondary.disabled svg circle {
  stroke: #a9a9a9;
}
.btn-secondary[disabled] svg path, .btn-secondary:disabled svg path, .btn-secondary.disabled svg path {
  fill: #a9a9a9;
}
.has-light .btn-secondary {
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
}
.has-light .btn-secondary svg g {
  fill: #fff;
  stroke: #fff;
}
.has-light .btn-secondary svg circle {
  stroke: #fff;
}
.has-light .btn-secondary svg path {
  fill: #fff;
}
.has-light .btn-secondary:focus, .has-light .btn-secondary.focus, .has-light .btn-secondary:hover, .has-light .btn-secondary.hover, .has-light .btn-secondary:active, .has-light .btn-secondary.active {
  color: #fff;
  background-color: #737373;
  border: 1px solid #737373;
  opacity: 1;
}
.has-light .btn-secondary:focus svg g, .has-light .btn-secondary.focus svg g, .has-light .btn-secondary:hover svg g, .has-light .btn-secondary.hover svg g, .has-light .btn-secondary:active svg g, .has-light .btn-secondary.active svg g {
  fill: #fff;
  stroke: #fff;
}
.has-light .btn-secondary:focus svg circle, .has-light .btn-secondary.focus svg circle, .has-light .btn-secondary:hover svg circle, .has-light .btn-secondary.hover svg circle, .has-light .btn-secondary:active svg circle, .has-light .btn-secondary.active svg circle {
  stroke: #fff;
}
.has-light .btn-secondary:focus svg path, .has-light .btn-secondary.focus svg path, .has-light .btn-secondary:hover svg path, .has-light .btn-secondary.hover svg path, .has-light .btn-secondary:active svg path, .has-light .btn-secondary.active svg path {
  fill: #fff;
}
.has-light .btn-secondary[disabled], .has-light .btn-secondary:disabled, .has-light .btn-secondary.disabled {
  background-color: #F9F9F9;
  border: 1px solid #F9F9F9;
  color: #737373;
  opacity: 1;
}

.btn-phantom {
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
}
.btn-phantom svg g {
  fill: #fff;
  stroke: #fff;
}
.btn-phantom svg circle {
  stroke: #fff;
}
.btn-phantom svg path {
  fill: #fff;
}
.btn-phantom:focus, .btn-phantom.focus, .btn-phantom:hover, .btn-phantom.hover, .btn-phantom:active, .btn-phantom.active {
  color: #000;
  background-color: transparent;
  border: 1px solid #737373;
  opacity: 1;
}

.btn-limited {
  height: auto;
  min-height: 40px;
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
}
.btn-limited svg g {
  fill: #fff;
  stroke: #fff;
}
.btn-limited svg circle {
  stroke: #fff;
}
.btn-limited svg path {
  fill: #fff;
}

.btn-primary-feel {
  color: #fff;
  background-color: #000000;
}
.btn-primary-feel svg g {
  fill: #000;
  stroke: #000;
}
.btn-primary-feel svg circle {
  stroke: #000;
}
.btn-primary-feel svg path {
  fill: #000;
}
.btn-primary-feel:focus, .btn-primary-feel.focus, .btn-primary-feel:hover, .btn-primary-feel.hover, .btn-primary-feel:active, .btn-primary-feel.active {
  color: #000;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.6);
}
.btn-primary-feel:disabled, .btn-primary-feel[disabled], .btn-primary-feel.disabled {
  pointer-events: none;
  cursor: default;
  background-color: #F9F9F9;
  border: 1px solid #F9F9F9;
  color: #737373;
  filter: none;
  opacity: 1;
}
.btn-primary-feel:disabled svg-icon,
.btn-primary-feel:disabled svg-icon2,
.btn-primary-feel:disabled md-icon, .btn-primary-feel[disabled] svg-icon,
.btn-primary-feel[disabled] svg-icon2,
.btn-primary-feel[disabled] md-icon, .btn-primary-feel.disabled svg-icon,
.btn-primary-feel.disabled svg-icon2,
.btn-primary-feel.disabled md-icon {
  background-color: #a9a9a9 !important;
  border: 1px solid #a9a9a9 !important;
}

.btn-secondary-feel {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
}
.btn-secondary-feel svg g {
  fill: #000;
  stroke: #000;
}
.btn-secondary-feel svg circle {
  stroke: #000;
}
.btn-secondary-feel:focus, .btn-secondary-feel.focus, .btn-secondary-feel:hover, .btn-secondary-feel.hover, .btn-secondary-feel:active, .btn-secondary-feel.active {
  opacity: 1;
  color: #000;
  border: 1px solid #737373;
  background-color: #fff;
}
.btn-secondary-feel:disabled, .btn-secondary-feel[disabled], .btn-secondary-feel.disabled {
  pointer-events: none;
  cursor: default;
  background-color: #F9F9F9;
  border: 1px solid #F9F9F9;
  color: #737373;
  filter: none;
  opacity: 1;
}
.btn-secondary-feel:disabled svg-icon,
.btn-secondary-feel:disabled svg-icon2,
.btn-secondary-feel:disabled md-icon, .btn-secondary-feel[disabled] svg-icon,
.btn-secondary-feel[disabled] svg-icon2,
.btn-secondary-feel[disabled] md-icon, .btn-secondary-feel.disabled svg-icon,
.btn-secondary-feel.disabled svg-icon2,
.btn-secondary-feel.disabled md-icon {
  background-color: #a9a9a9 !important;
  border: 1px solid #a9a9a9 !important;
}
.has-light .btn-secondary-feel {
  color: #fff;
  border-color: #fff;
  background-color: transparent;
}
.has-light .btn-secondary-feel:focus, .has-light .btn-secondary-feel.focus, .has-light .btn-secondary-feel:hover, .has-light .btn-secondary-feel.hover, .has-light .btn-secondary-feel:active, .has-light .btn-secondary-feel.active {
  opacity: 1;
  color: #fff;
  border: 1px solid #737373;
  background-color: #737373;
}

.btn-tertiary {
  background-color: transparent;
  border: 0 solid transparent;
  height: auto;
  min-height: auto;
}
.btn-tertiary svg g {
  fill: #000;
  stroke: #000;
}
.btn-tertiary svg circle {
  stroke: #000;
}
.btn-tertiary:focus, .btn-tertiary.focus, .btn-tertiary:hover, .btn-tertiary.hover, .btn-tertiary:active, .btn-tertiary.active {
  border: 0 solid transparent;
  background-color: transparent;
  cursor: pointer;
}
.btn-tertiary:disabled, .btn-tertiary[disabled], .btn-tertiary.disabled {
  pointer-events: none;
  cursor: default;
  background-color: #F9F9F9;
  border: 1px solid #F9F9F9;
  color: #737373;
  filter: none;
  opacity: 1;
}
.btn-tertiary:disabled svg-icon,
.btn-tertiary:disabled svg-icon2,
.btn-tertiary:disabled md-icon, .btn-tertiary[disabled] svg-icon,
.btn-tertiary[disabled] svg-icon2,
.btn-tertiary[disabled] md-icon, .btn-tertiary.disabled svg-icon,
.btn-tertiary.disabled svg-icon2,
.btn-tertiary.disabled md-icon {
  background-color: transparent !important;
  border: 0 solid transparent !important;
}
.has-light .btn-tertiary {
  color: #fff;
  border-color: transparent;
  background-color: transparent;
}
.has-light .btn-tertiary:focus, .has-light .btn-tertiary.focus, .has-light .btn-tertiary:hover, .has-light .btn-tertiary.hover, .has-light .btn-tertiary:active, .has-light .btn-tertiary.active {
  opacity: 0.6;
  border: 1px solid transparent;
  background-color: transparent;
}

.btn-tertiary {
  height: auto;
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 1;
  min-width: 24px;
  padding-inline: 0;
  font-size: 14px;
}

.btn-tertiary.active {
  border-bottom: 0.5px solid #000000;
}

@media (min-width: 992px) {
  .btn-tertiary {
    font-size: 12px;
  }
}
.btn-text {
  background-color: transparent;
  border-color: transparent;
  color: #000;
}

.btn-invert {
  color: #000;
  background-color: transparent;
  border: 1px solid #000;
}
.btn-invert:focus, .btn-invert.focus, .btn-invert:hover, .btn-invert.hover, .btn-invert:active, .btn-invert.active {
  opacity: 0.6;
}

.btn-invert-light {
  color: #000;
  background-color: transparent;
  border: 1px solid #a9a9a9;
}
.btn-invert-light:focus, .btn-invert-light.focus, .btn-invert-light:hover, .btn-invert-light:active, .btn-invert-light.active {
  opacity: 0.6;
}
.btn-invert-light:focus svg path, .btn-invert-light.focus svg path, .btn-invert-light:hover svg path, .btn-invert-light:active svg path, .btn-invert-light.active svg path {
  fill: #fff;
}

.btn-default {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}

.btn-blue {
  background-color: #1a32a4;
  color: #fff;
  border: 1px solid #1a32a4;
}
.btn-blue:focus, .btn-blue.focus, .btn-blue:hover, .btn-blue.hover, .btn-blue:visited, .btn-blue:active, .btn-blue.active {
  color: #fff;
  text-decoration: none;
  opacity: 0.6;
}

.btn-link {
  border: none;
  text-align: left;
  text-decoration: none;
  color: #000;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  height: auto;
  min-height: auto;
}
.has-light .btn-link {
  color: #fff;
  background-color: transparent;
}
.has-light .btn-link:focus, .has-light .btn-link.focus, .has-light .btn-link:hover, .has-light .btn-link.hover, .has-light .btn-link:visited, .has-light .btn-link:active, .has-light .btn-link.active {
  background-color: transparent;
  color: #fff;
  text-decoration: none;
  opacity: 0.6;
}

.btn-trans {
  color: #fff;
  background: rgba(226, 226, 226, 0.6);
  font-size: 12px;
  border: 0 solid #fff;
  box-sizing: border-box;
}
.btn-trans svg {
  stroke: #fff;
}
.btn-trans:focus, .btn-trans.focus, .btn-trans:hover, .btn-trans.hover, .btn-trans:visited, .btn-trans:active, .btn-trans.active {
  color: #fff;
  text-decoration: none;
}

.btn-circle {
  right: 0;
  position: absolute;
  display: flex;
  width: 40px;
  max-width: initial;
  height: 40px;
  border: 1px solid #000;
  border-radius: 50px;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding: 0;
  background-color: transparent;
}

.btn-social {
  height: auto;
  min-height: 40px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}
.btn-social svg-icon,
.btn-social svg-icon2,
.btn-social md-icon {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  margin-top: -2px;
  top: 13px;
  left: 16px;
  position: absolute;
}
.btn-social svg-icon div,
.btn-social svg-icon2 div,
.btn-social md-icon div {
  display: flex;
}
.btn-social:disabled, .btn-social[disabled], .btn-social.disabled {
  background-color: #F9F9F9;
  border-color: transparent;
  opacity: 1;
}
.btn-social:disabled svg path, .btn-social[disabled] svg path, .btn-social.disabled svg path {
  fill: #737373;
}

.btn-google,
.has-light .btn-google {
  background-color: #fff;
  color: #000;
  border: var(--line-width) solid #000;
}
.btn-google:focus, .btn-google.focus, .btn-google:hover, .btn-google.hover, .btn-google:visited, .btn-google:active, .btn-google.active,
.has-light .btn-google:focus,
.has-light .btn-google.focus,
.has-light .btn-google:hover,
.has-light .btn-google.hover,
.has-light .btn-google:visited,
.has-light .btn-google:active,
.has-light .btn-google.active {
  border: var(--line-width) solid #F9F9F9;
  opacity: 1;
}

.btn-facebook {
  background-color: #186CF1;
  color: #fff;
  border: 1px solid #186CF1;
}
.btn-facebook svg-icon,
.btn-facebook svg-icon2,
.btn-facebook md-icon {
  background-color: transparent;
}
.btn-facebook svg-icon path,
.btn-facebook svg-icon2 path,
.btn-facebook md-icon path {
  fill: #fff;
}
.btn-facebook:focus, .btn-facebook.focus, .btn-facebook:hover, .btn-facebook.hover, .btn-facebook:visited, .btn-facebook:active, .btn-facebook.active {
  opacity: 1;
  background-color: #186CF1;
  border: 1px solid #186CF1;
}
.has-light .btn-facebook {
  background-color: #186CF1;
  color: #fff;
  border: 1px solid #186CF1;
}

.btn-apple,
.has-light .btn-apple {
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
}
.btn-apple:focus, .btn-apple.focus, .btn-apple:hover, .btn-apple.hover, .btn-apple:visited, .btn-apple:active, .btn-apple.active,
.has-light .btn-apple:focus,
.has-light .btn-apple.focus,
.has-light .btn-apple:hover,
.has-light .btn-apple.hover,
.has-light .btn-apple:visited,
.has-light .btn-apple:active,
.has-light .btn-apple.active {
  opacity: 1;
  background-color: #737373;
  border: 1px solid #737373;
}
.btn-apple svg-icon path,
.btn-apple svg-icon2 path,
.btn-apple md-icon path,
.has-light .btn-apple svg-icon path,
.has-light .btn-apple svg-icon2 path,
.has-light .btn-apple md-icon path {
  fill: #fff;
}

.btn-apple-secondary,
.has-light .btn-apple-secondary {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}
.btn-apple-secondary:focus, .btn-apple-secondary.focus, .btn-apple-secondary:hover, .btn-apple-secondary.hover, .btn-apple-secondary:visited, .btn-apple-secondary:active, .btn-apple-secondary.active,
.has-light .btn-apple-secondary:focus,
.has-light .btn-apple-secondary.focus,
.has-light .btn-apple-secondary:hover,
.has-light .btn-apple-secondary.hover,
.has-light .btn-apple-secondary:visited,
.has-light .btn-apple-secondary:active,
.has-light .btn-apple-secondary.active {
  opacity: 1;
  background-color: #fff;
  border: 1px solid #737373;
}

.btn-naver,
.has-light .btn-naver {
  background-color: #03cf5d;
  color: #fff;
  padding-inline: 40px;
  border: 1px solid #03cf5d;
}
.btn-naver:focus, .btn-naver.focus, .btn-naver:hover, .btn-naver.hover, .btn-naver:visited, .btn-naver:active, .btn-naver.active,
.has-light .btn-naver:focus,
.has-light .btn-naver.focus,
.has-light .btn-naver:hover,
.has-light .btn-naver.hover,
.has-light .btn-naver:visited,
.has-light .btn-naver:active,
.has-light .btn-naver.active {
  opacity: 1;
  background-color: #03cf5d;
  border: 1px solid #03cf5d;
}
.btn-naver svg-icon path,
.btn-naver svg-icon2 path,
.btn-naver md-icon path,
.has-light .btn-naver svg-icon path,
.has-light .btn-naver svg-icon2 path,
.has-light .btn-naver md-icon path {
  fill: #fff;
}

.btn-wechat,
.has-light .btn-wechat {
  background-color: #2dc100;
  color: #fff;
  padding-inline: 40px;
  border: 1px solid #2dc100;
}
.btn-wechat:focus, .btn-wechat.focus, .btn-wechat:hover, .btn-wechat.hover, .btn-wechat:visited, .btn-wechat:active, .btn-wechat.active,
.has-light .btn-wechat:focus,
.has-light .btn-wechat.focus,
.has-light .btn-wechat:hover,
.has-light .btn-wechat.hover,
.has-light .btn-wechat:visited,
.has-light .btn-wechat:active,
.has-light .btn-wechat.active {
  opacity: 1;
  background-color: #03cf5d;
  border: 1px solid #2dc100;
}
.btn-wechat svg-icon path,
.btn-wechat svg-icon2 path,
.btn-wechat md-icon path,
.has-light .btn-wechat svg-icon path,
.has-light .btn-wechat svg-icon2 path,
.has-light .btn-wechat md-icon path {
  fill: #fff;
}

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

.btns {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btns .btn {
  margin-right: 8px;
}

.btns .btn:not(:last-child) {
  margin-right: 8px;
}

.btn-group {
  position: relative;
  display: flex;
}
.btn-group > :not(:first-child, :last-child) {
  border-radius: 0;
  margin-left: -1px;
}
.btn-group [class^=btn--],
.btn-group [class*=" btn--"] {
  position: relative;
  border-radius: 0;
  float: left;
  margin-right: 0;
}
.btn-group [class^=btn--]:first-child,
.btn-group [class*=" btn--"]:first-child {
  margin-left: 0;
}
.btn-group [class^=btn--]:last-child,
.btn-group [class*=" btn--"]:last-child {
  margin-left: -1px;
}
.btn-group .btn {
  border-radius: 0;
}
.btn-group .btn:first-child {
  border-radius: 0 0 0 0;
}
.btn-group .btn:last-child {
  border-radius: 0 0 0 0;
}

.btn-selector {
  position: relative;
  display: flex;
}
.btn-selector > :not(:first-child, :last-child) {
  border-radius: 0;
  margin-left: -1px;
}
.btn-selector [class^=btn--],
.btn-selector [class*=" btn--"] {
  height: initial;
  border-color: #a9a9a9;
  color: #000;
  position: relative;
  border-radius: 0;
  float: left;
  margin-right: 0;
}
.btn-selector [class^=btn--].is-active,
.btn-selector [class*=" btn--"].is-active {
  background-color: transparent;
  color: #000;
  border-color: #000;
  z-index: 10;
}
.btn-selector [class^=btn--].disabled, .btn-selector [class^=btn--]:disabled,
.btn-selector [class*=" btn--"].disabled,
.btn-selector [class*=" btn--"]:disabled {
  background-color: transparent;
  color: #a9a9a9;
  border-color: #a9a9a9;
}
.btn-selector [class^=btn--]:first-child,
.btn-selector [class*=" btn--"]:first-child {
  margin-left: 0;
}
.btn-selector [class^=btn--]:last-child,
.btn-selector [class*=" btn--"]:last-child {
  margin-left: -1px;
}
.btn-selector [class^=btn--]:hover,
.btn-selector [class*=" btn--"]:hover {
  color: #000;
  border-color: #000;
  z-index: 11;
}
.btn-selector .btn {
  border-radius: 0;
}
.btn-selector .btn:first-child {
  border-radius: 0 0 0 0;
}
.btn-selector .btn:last-child {
  border-radius: 0 0 0 0;
}
.btn-selector .is-active {
  background: transparent;
  color: #000;
  border-color: #000;
  z-index: 10;
}

.btn-selector-wrap {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  white-space: nowrap;
}
.btn-selector-wrap.btn-selector .btn {
  border-radius: 0;
  white-space: normal;
  min-height: 50px;
  flex: none;
  max-width: 70px;
  padding-inline: 4px;
  min-width: 50px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

[lang^=zh] .btn-selector-wrap.btn-selector .btn,
[lang^=zn] .btn-selector-wrap.btn-selector .btn,
[lang^=ko] .btn-selector-wrap.btn-selector .btn {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
}

.btn-group > .btn {
  flex: 1;
}

.btn-group-inline {
  text-align: center;
  max-width: 480px;
  margin: 0 auto;
}
.btn-group-inline .btn {
  display: inline-flex;
  width: auto;
  min-width: 200px;
  margin: 0 8px;
}

.btn-anim {
  height: auto;
  min-height: 40px;
  display: flex;
  flex-flow: column nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.btn-anim span {
  position: absolute;
  transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.btn-anim .btn-submit {
  transform: translateY(0);
}
.btn-anim .btn-loading {
  opacity: 0;
  transform: translateY(40px);
}
.btn-anim:disabled, .btn-anim[disabled], .btn-anim.disabled {
  background-color: #F9F9F9;
  color: #737373;
  border-color: transparent;
  opacity: 1;
}
.btn-anim:disabled svg path, .btn-anim[disabled] svg path, .btn-anim.disabled svg path {
  fill: #737373;
}

.is-loading.btn-anim .btn-submit {
  transform: translateY(-40px);
  opacity: 0;
}
.is-loading.btn-anim .btn-loading {
  opacity: 1;
  transform: translateY(0);
}

.no-focus:focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.btn-loading svg {
  animation: spin 1.6s ease-in-out infinite;
}

.btn-social-login {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.btn-social-login svg {
  margin-right: 8px;
}
.btn-social-login.btn-facebook {
  border: #186CF1 solid 1px;
  background: #186CF1;
  color: #fff;
}
.btn-social-login.btn-outline-login {
  border: #a9a9a9 solid 1px;
}
.btn-social-login.disabled {
  filter: invert(1);
  background: #fff;
  color: #000;
  cursor: default;
}
.btn-social-login.disabled svg path {
  fill: #000;
}

.btn-feel {
  background-color: #000000;
  border: 1px solid #000000;
  color: #fff;
}
.btn-feel:hover, .btn-feel.hover, .btn-feel:focus, .btn-feel.focus {
  background-color: #f0f0f0;
  border: 1px solid #f0f0f0;
  color: #fff;
  opacity: 1;
}
.btn-feel[disabled], .btn-feel:disabled, .btn-feel.disabled {
  background-color: #a9a9a9;
  border: 1px solid #a9a9a9;
  color: #737373;
  opacity: 1;
}
.has-light .btn-feel {
  background-color: #000000;
  border: 1px solid #000000;
  color: #000;
}
.has-light .btn-feel:hover, .has-light .btn-feel.hover, .has-light .btn-feel:focus, .has-light .btn-feel.focus {
  background-color: #f0f0f0;
  border: 1px solid #f0f0f0;
  color: #000;
  opacity: 1;
}
.has-light .btn-feel[disabled], .has-light .btn-feel:disabled, .has-light .btn-feel.disabled {
  background-color: #a9a9a9;
  border: 1px solid #a9a9a9;
  color: #737373;
  opacity: 1;
}

.btn-world {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 16px 32px;
  border: none;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  transition: all 0.4s ease-in-out;
}
.btn-world svg path {
  fill: #fff;
}
.btn-world:hover, .btn-world.hover, .btn-world:focus, .btn-world.focus {
  background-color: rgba(0, 0, 0, 0.8);
  border: none;
}
.btn-world .btn-world-left {
  padding-right: 8px;
}
.btn-world .btn-world-center {
  width: calc(100% - 40px);
  padding-right: 8px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  text-align: left;
  margin-top: -1px;
}

.btn-svg svg-icon,
.btn-svg svg-icon2,
.btn-svg md-icon {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  position: absolute;
  top: 0;
  left: 1px;
  width: 46px;
  height: 46px;
  padding-bottom: 3px;
}

.btn.btn-secondary-rd {
  border-radius: 0;
  border: 1px solid #000;
  padding: 9px 2px 4px;
  height: auto;
  min-height: 32px;
  min-width: 100px;
  text-align: center;
  background: none;
  font-size: 12px;
}
@media (min-width: 768px) {
  .btn.btn-secondary-rd {
    padding: 16px 2px 14px;
    height: auto;
    min-height: 40px;
    font-size: 12px;
    min-width: 120px;
  }
}
.btn.btn-secondary-rd:hover {
  opacity: 0.5;
}

.has-light .btn-phantom {
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
}
.has-light .btn-primary-feel:hover, .has-light .btn-primary-feel.hover, .has-light .btn-primary-feel:focus, .has-light .btn-primary-feel.focus {
  background-color: rgba(0, 0, 0, 0.6);
  color: #737373;
  border-color: rgba(0, 0, 0, 0.6);
}
.has-light .btn-primary-feel[disabled], .has-light .btn-primary-feel:disabled, .has-light .btn-primary-feel.disabled {
  opacity: 1;
  background-color: #F9F9F9;
  color: #737373;
  cursor: default;
}
.has-light .btn-google svg path {
  fill: initial;
  stroke: none;
}

.is-active.btn-secondary {
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
}

.btn-grid {
  display: grid;
  grid-gap: 0;
  padding-inline: 1px;
}
.btn-grid .btn {
  border: 1px solid #000;
  margin-left: -1px;
  margin-top: -1px;
}

.btn--color {
  width: auto;
  min-width: 42px;
  height: auto;
  min-height: 42px;
  position: relative;
}
.btn--color:hover {
  opacity: 0.6;
}
.btn--color.is-active {
  padding-bottom: 8px;
}
.btn--color.is-active::after {
  position: absolute;
  left: 0;
  bottom: -4px;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
}

.btn-square {
  border: none;
  width: auto;
  min-width: 33px;
  height: auto;
  min-height: 33px;
  padding: 12px;
}
@media (min-width: 768px) {
  .btn-square {
    width: auto;
    min-width: 37px;
    height: auto;
    min-height: 37px;
    padding: 12px;
  }
}
.btn-square svg {
  position: relative;
  z-index: 15;
  transform: scale(0.8);
}
@media (min-width: 768px) {
  .btn-square svg {
    transform: scale(1);
  }
}
.btn-square::after {
  content: "";
  position: absolute;
  background-color: rgba(255, 255, 255, 0.3);
  width: 13px;
  height: 13px;
}
@media (min-width: 768px) {
  .btn-square::after {
    width: 19px;
    height: 19px;
  }
}
.btn-square:focus, .btn-square.focus, .btn-square:hover, .btn-square.hover, .btn-square:active, .btn-square.active {
  opacity: 1;
}
.btn-square:focus::after, .btn-square.focus::after, .btn-square:hover::after, .btn-square.hover::after, .btn-square:active::after, .btn-square.active::after {
  content: "";
  background-color: #a9a9a9;
  border: 1px solid #a9a9a9;
  opacity: 1;
  cursor: pointer;
}
.btn-square[disabled], .btn-square:disabled, .btn-square.disabled {
  background-color: transparent;
  border: 1px solid transparent;
  color: #737373;
  opacity: 1;
}
.btn-square[disabled] svg, .btn-square:disabled svg, .btn-square.disabled svg {
  position: relative;
  z-index: 15;
}
.btn-square[disabled] svg g, .btn-square:disabled svg g, .btn-square.disabled svg g {
  fill: #737373;
  stroke: #737373;
}
.btn-square[disabled] svg circle, .btn-square:disabled svg circle, .btn-square.disabled svg circle {
  stroke: #737373;
}
.btn-square[disabled] svg path, .btn-square:disabled svg path, .btn-square.disabled svg path {
  fill: #737373;
}
.has-light .btn-square {
  border: none;
  width: auto;
  min-width: 37px;
  height: auto;
  min-height: 37px;
  padding: 12px;
}
.has-light .btn-square.btn {
  background-color: transparent;
}
.has-light .btn-square svg {
  position: relative;
  z-index: 15;
}
.has-light .btn-square svg path {
  fill: #000;
}
.has-light .btn-square::after {
  content: "";
  position: absolute;
  background-color: rgba(255, 255, 255, 0.3);
  width: 19px;
  height: 19px;
}
.has-light .btn-square:focus, .has-light .btn-square.focus, .has-light .btn-square:hover, .has-light .btn-square.hover, .has-light .btn-square:active, .has-light .btn-square.active {
  opacity: 1;
}
.has-light .btn-square:focus::after, .has-light .btn-square.focus::after, .has-light .btn-square:hover::after, .has-light .btn-square.hover::after, .has-light .btn-square:active::after, .has-light .btn-square.active::after {
  content: "";
  background-color: #a9a9a9;
  border: 1px solid #a9a9a9;
  opacity: 1;
  cursor: pointer;
}
.has-light .btn-square[disabled], .has-light .btn-square:disabled, .has-light .btn-square.disabled {
  background-color: #F9F9F9;
  border: 1px solid #F9F9F9;
  color: #737373;
  opacity: 1;
}
.has-light .btn-square[disabled] svg, .has-light .btn-square:disabled svg, .has-light .btn-square.disabled svg {
  position: relative;
  z-index: 15;
}
.has-light .btn-square[disabled] svg g, .has-light .btn-square:disabled svg g, .has-light .btn-square.disabled svg g {
  fill: #737373;
  stroke: #737373;
}
.has-light .btn-square[disabled] svg circle, .has-light .btn-square:disabled svg circle, .has-light .btn-square.disabled svg circle {
  stroke: #737373;
}
.has-light .btn-square[disabled] svg path, .has-light .btn-square:disabled svg path, .has-light .btn-square.disabled svg path {
  fill: #737373;
}

.btn-icon {
  padding-inline: 0;
  display: flex;
  justify-content: space-between;
}

.quick-purchase .product-size-selector__li:hover:hover {
  cursor: pointer;
}
.quick-purchase .product-size-selector__li:hover:hover .tab-xl .tab-inner-size::after {
  position: absolute;
  left: 0;
  bottom: -2px;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
}

.btn-quick {
  background-color: transparent;
  border: 0 solid transparent;
  height: auto;
  min-height: auto;
  padding: 16px;
}
.btn-quick svg g {
  fill: #000;
  stroke: #000;
}
.btn-quick svg circle {
  stroke: #000;
}
.btn-quick .icon-sizes {
  margin-top: -6px;
  transform: translate(4px, 5px);
}
.btn-quick:focus, .btn-quick.focus, .btn-quick:hover, .btn-quick.hover, .btn-quick:active, .btn-quick.active {
  border: 0 solid transparent;
  background-color: transparent;
  cursor: pointer;
}
.btn-quick:focus .tab-inner-size, .btn-quick.focus .tab-inner-size, .btn-quick:hover .tab-inner-size, .btn-quick.hover .tab-inner-size, .btn-quick:active .tab-inner-size, .btn-quick.active .tab-inner-size {
  position: relative;
}
.btn-quick:focus .tab-inner-size::after, .btn-quick.focus .tab-inner-size::after, .btn-quick:hover .tab-inner-size::after, .btn-quick.hover .tab-inner-size::after, .btn-quick:active .tab-inner-size::after, .btn-quick.active .tab-inner-size::after {
  position: absolute;
  left: 0;
  bottom: -2px;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
}
.btn-quick:disabled, .btn-quick[disabled], .btn-quick.disabled {
  pointer-events: none;
  cursor: default;
  background-color: #F9F9F9;
  border: 1px solid #F9F9F9;
  color: #737373;
  filter: none;
  opacity: 1;
}
.btn-quick:disabled svg-icon,
.btn-quick:disabled svg-icon2,
.btn-quick:disabled md-icon, .btn-quick[disabled] svg-icon,
.btn-quick[disabled] svg-icon2,
.btn-quick[disabled] md-icon, .btn-quick.disabled svg-icon,
.btn-quick.disabled svg-icon2,
.btn-quick.disabled md-icon {
  background-color: transparent !important;
  border: 0 solid transparent !important;
}
.has-light .btn-quick {
  color: #fff;
  border-color: transparent;
  background-color: transparent;
}
.has-light .btn-quick:focus, .has-light .btn-quick.focus, .has-light .btn-quick:hover, .has-light .btn-quick.hover, .has-light .btn-quick:active, .has-light .btn-quick.active {
  opacity: 0.6;
  border: 1px solid transparent;
  background-color: transparent;
}

.btn-tab {
  background-color: transparent;
  border: 0 solid transparent;
  height: auto;
  min-height: auto;
  padding: 16px;
}
.btn-tab svg g {
  fill: #000;
  stroke: #000;
}
.btn-tab svg circle {
  stroke: #000;
}
.btn-tab .icon-sizes {
  margin-top: -4px;
  transform: translate(4px, 5px);
}
.is-active .btn-tab .tab-inner-size::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #000000;
  bottom: -4px;
  left: 50%;
  transform: translate(-50%, 0);
}
.btn-tab:focus, .btn-tab.focus, .btn-tab:hover, .btn-tab.hover, .btn-tab:active, .btn-tab.active {
  border: 0 solid transparent;
  background-color: transparent;
  cursor: pointer;
}
.btn-tab:disabled, .btn-tab[disabled], .btn-tab.disabled {
  pointer-events: none;
  cursor: default;
  background-color: #F9F9F9;
  border: 1px solid #F9F9F9;
  color: #737373;
  filter: none;
  opacity: 1;
}
.btn-tab:disabled svg-icon,
.btn-tab:disabled svg-icon2,
.btn-tab:disabled md-icon, .btn-tab[disabled] svg-icon,
.btn-tab[disabled] svg-icon2,
.btn-tab[disabled] md-icon, .btn-tab.disabled svg-icon,
.btn-tab.disabled svg-icon2,
.btn-tab.disabled md-icon {
  background-color: transparent !important;
  border: 0 solid transparent !important;
}
.has-light .btn-tab {
  color: #fff;
  border-color: transparent;
  background-color: transparent;
}
.has-light .btn-tab:focus, .has-light .btn-tab.focus, .has-light .btn-tab:hover, .has-light .btn-tab.hover, .has-light .btn-tab:active, .has-light .btn-tab.active {
  opacity: 0.6;
  border: 1px solid transparent;
  background-color: transparent;
}

.btn-link-tab {
  align-items: flex-start;
  align-self: flex-start;
  border-color: transparent;
  border-style: solid;
  border-width: var(--line-width) 0;
  display: inline-flex;
  flex-flow: row nowrap;
  gap: 4px;
  height: auto;
  justify-content: space-between;
  min-height: 40px;
  padding: 12px 0;
  text-align: initial;
}
.btn-link-tab .btn-prepend,
.btn-link-tab .btn-append {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  flex: 0 0 auto;
  justify-content: center;
}
.btn-link-tab .btn-content {
  align-items: stretch;
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  gap: 8px;
  justify-content: flex-start;
}
.is-rtl .btn-icon-arrow-right {
  transform: rotate(180deg);
}

.btn-link-tab:disabled, .btn-link-tab[disabled], .btn-link-tab.disabled {
  border-left: 0;
  border-right: 0;
}
.btn-link-tab.btn-lines {
  border-bottom-color: #000;
  border-top-color: #000;
}
.btn-link-tab.btn-lines:disabled, .btn-link-tab.btn-lines[disabled], .btn-link-tab.btn-lines.disabled {
  border-bottom-color: #a9a9a9;
  border-top-color: #a9a9a9;
}

.checkbox-item {
  text-align: center;
  position: relative;
}
.checkbox-item .ico-check {
  width: 22px;
  height: 22px;
  left: 0;
  top: 0;
}
.checkbox-item .ico-check::after {
  position: absolute;
  content: "";
  height: 1px;
  background-color: #000;
  width: 16px;
  transform: rotate(136deg);
  left: 4px;
  top: 8px;
}
.checkbox-item .ico-check::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 1px;
  top: 10px;
  transform: rotate(50deg);
  background-color: #000;
}
.checkbox-item [type=checkbox]:not(:checked) + label,
.checkbox-item [type=checkbox]:checked + label {
  position: relative;
  padding-left: 24px;
  cursor: pointer;
  font-weight: normal;
  font-size: 12px;
  text-align: initial;
  display: flex;
}
.checkbox-item [type=checkbox]:not(:checked) + label::before,
.checkbox-item [type=checkbox]:checked + label::before {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  left: 0;
  border: none;
  border: 1px solid #000;
  outline: 0;
  display: inline-block;
  vertical-align: top;
}
.checkbox-item [type=checkbox]:not(:checked) + label span,
.checkbox-item [type=checkbox]:checked + label span {
  display: initial;
  vertical-align: top;
  margin: 0;
  line-height: 16px;
  min-height: 20px;
  padding-left: 0;
}
.checkbox-item [type=checkbox]:not(:checked) + label span::after,
.checkbox-item [type=checkbox]:checked + label span::after {
  content: " ";
}
.checkbox-item [type=checkbox]:not(:checked) + label a,
.checkbox-item [type=checkbox]:checked + label a {
  text-decoration: underline;
  margin-right: 4px;
}
.checkbox-item [type=checkbox]:not(:checked),
.checkbox-item [type=checkbox]:checked {
  position: absolute; /* Lo saca del flujo normal */
  clip: rect(0 0 0 0); /* Recorta el elemento para que no sea visible */
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.checkbox-item input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}
.checkbox-item [type=checkbox]:not(:checked) + label .icon,
.checkbox-item [type=checkbox]:checked + label .icon {
  position: absolute;
  top: 3px;
  left: 2px;
  color: #000;
  transition: all 0.2s;
}
.checkbox-item [type=checkbox]:not(:checked) + label .icon {
  opacity: 0;
  transform: scale(0);
}
.checkbox-item [type=checkbox]:checked + label .icon {
  opacity: 1;
  transform: scale(1);
}
.checkbox-item [type=checkbox]:not(:checked) + label::before {
  background-color: #fff;
}
.checkbox-item [type=checkbox]:checked + label::before {
  background-color: #000;
}
.checkbox-item.color-filter [type=checkbox]:not(:checked) + label,
.checkbox-item.color-filter [type=checkbox]:checked + label {
  padding-left: 32px;
}
.checkbox-item.color-filter .color-wrap button {
  margin-right: 0;
}
.checkbox-item.color-filter [type=checkbox]:not(:checked) + label span,
.checkbox-item.color-filter [type=checkbox]:checked + label span {
  padding-left: 14px;
}
.checkbox-item.is-error {
  color: #B40016;
}
.checkbox-item.is-error [type=checkbox]:checked + label::before,
.checkbox-item.is-error [type=checkbox]:not(:checked) + label::before {
  border: 1px solid #B40016;
}

.check-center.checkbox-radio [type=radio]:checked + label .border-1-grey {
  border: 1px solid #000;
}

.checkbox-item-2 {
  display: inline-block;
  text-align: center;
  margin: 0;
}
.checkbox-item-2 [type=checkbox]:not(:checked) + label,
.checkbox-item-2 [type=checkbox]:checked + label {
  position: relative;
  padding-left: 0;
  cursor: pointer;
  font-weight: normal;
  font-size: 12px;
  text-align: initial;
  display: flex;
  height: 26px;
}
.checkbox-item-2 [type=checkbox]:not(:checked) + label::before,
.checkbox-item-2 [type=checkbox]:checked + label::before {
  position: absolute;
  content: "";
  width: 62px;
  height: 26px;
  border-radius: 0;
  left: 0;
  border: none;
  border: 1px solid #000;
  outline: 0;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 0 0;
}
.checkbox-item-2 [type=checkbox]:not(:checked) + label span,
.checkbox-item-2 [type=checkbox]:checked + label span {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  line-height: 16px;
  padding-left: 70px;
  min-height: 20px;
}
.checkbox-item-2 [type=checkbox]:not(:checked),
.checkbox-item-2 [type=checkbox]:checked {
  position: absolute; /* Lo saca del flujo normal */
  clip: rect(0 0 0 0); /* Recorta el elemento para que no sea visible */
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.checkbox-item-2 input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}
.checkbox-item-2 .checkbox-circle {
  background: #000;
  width: 20px;
  height: 20px;
  border-radius: 0;
}
.checkbox-item-2 [type=checkbox]:not(:checked) + label .checkbox-circle,
.checkbox-item-2 [type=checkbox]:checked + label .checkbox-circle {
  position: absolute;
  top: 3px;
  left: 6px;
  color: #000;
  transition: all 0.2s;
}
.checkbox-item-2 [type=checkbox]:not(:checked) + label .checkbox-circle {
  opacity: 1;
  transform: scale(1);
  left: 4px;
}
.checkbox-item-2 [type=checkbox]:checked + label .checkbox-circle {
  opacity: 1;
  transform: scale(1);
  left: 38px;
}

.checkbox-radio {
  position: relative;
}
.checkbox-radio [type=radio]:not(:checked) + label,
.checkbox-radio [type=radio]:checked + label {
  position: relative;
  padding-left: 0;
  cursor: pointer;
  font-weight: normal;
  font-size: 12px;
  text-align: initial;
  display: flex;
  flex-direction: column;
  float: none;
}
.checkbox-radio [type=radio]:not(:checked) + label::before,
.checkbox-radio [type=radio]:checked + label::before {
  position: absolute;
  box-sizing: border-box;
  content: "";
  width: 14px;
  height: 14px;
  left: 0;
  border: none;
  border: 1px solid #000;
  outline: 0;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 0 0;
  border-radius: 0;
}
.checkbox-radio [type=radio]:not(:checked) + label span,
.checkbox-radio [type=radio]:checked + label span {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  line-height: 16px;
  padding-left: 24px;
  min-height: 20px;
}
.checkbox-radio [type=radio]:not(:checked),
.checkbox-radio [type=radio]:checked {
  position: absolute; /* Lo saca del flujo normal */
  clip: rect(0 0 0 0); /* Recorta el elemento para que no sea visible */
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.checkbox-radio input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}
.checkbox-radio [type=radio]:not(:checked) + label .ico-radio,
.checkbox-radio [type=radio]:checked + label .ico-radio {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 4px;
  height: 4px;
  background-color: #000;
  border-radius: 0;
  transition: all 0.2s;
}
.checkbox-radio [type=radio]:not(:checked) + label .ico-radio {
  opacity: 0;
  transform: scale(0);
}
.checkbox-radio [type=radio]:checked + label .ico-radio {
  opacity: 1;
  transform: scale(1);
}
.checkbox-radio [type=radio]:disabled {
  opacity: 0.5;
}
.checkbox-radio [type=radio]:disabled + label::before {
  opacity: 0.5;
}
.checkbox-radio label {
  padding-bottom: 0;
}
.checkbox-radio.is-error label::before {
  border: 1px solid #B40016 !important;
}
.checkbox-radio.is-error span {
  color: #B40016 !important;
}

.checkbox-item-text {
  min-height: 42px;
}
.checkbox-item-text span {
  position: relative;
  margin-left: 24px;
  min-height: 40px;
}

.checkbox-item-box {
  position: relative;
  width: 14px;
  height: 14px;
}

.checkbox-item-img {
  text-align: center;
  position: relative;
}
.checkbox-item-img.is-error {
  color: #B40016;
}
.checkbox-item-img.is-error [type=checkbox]:checked + label::before,
.checkbox-item-img.is-error [type=checkbox]:not(:checked) + label::before {
  border: 1px solid #B40016;
}
.checkbox-item-img .ico-check {
  width: 22px;
  height: 22px;
  left: 0;
  top: 0;
}
.checkbox-item-img .ico-check::after {
  position: absolute;
  content: "";
  height: 1px;
  background-color: #000;
  width: 16px;
  transform: rotate(136deg);
  left: 4px;
  top: 8px;
}
.checkbox-item-img .ico-check::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 1px;
  top: 10px;
  transform: rotate(50deg);
  background-color: #000;
}
.checkbox-item-img [type=checkbox] + label::after {
  width: 80px;
  height: 80px;
  content: "";
}
.checkbox-item-img [type=checkbox]:not(:checked),
.checkbox-item-img [type=checkbox]:checked {
  position: absolute;
  left: -9999px;
}
.checkbox-item-img [type=checkbox]:not(:checked) + label,
.checkbox-item-img [type=checkbox]:checked + label {
  padding-bottom: 132%;
  height: 100%;
  width: 100%;
  aspect-ratio: 3/4;
  position: relative;
  padding-left: 24px;
  cursor: pointer;
  font-weight: normal;
  font-size: 12px;
  text-align: initial;
  display: flex;
}
.checkbox-item-img [type=checkbox]:not(:checked) + label span,
.checkbox-item-img [type=checkbox]:checked + label span {
  display: initial;
  vertical-align: top;
  margin: 0;
  line-height: 16px;
  min-height: 20px;
  padding-left: 0;
}
.checkbox-item-img [type=checkbox]:not(:checked) + label span::after,
.checkbox-item-img [type=checkbox]:checked + label span::after {
  content: " ";
}
.checkbox-item-img [type=checkbox]:not(:checked) + label::before,
.checkbox-item-img [type=checkbox]:checked + label::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  aspect-ratio: 3/4;
  left: 0;
  border: none;
  border: 1px solid #a3a0a0;
  outline: 0;
  display: inline-block;
  vertical-align: top;
  margin: 0;
}
.checkbox-item-img [type=checkbox]:not(:checked) + label a,
.checkbox-item-img [type=checkbox]:checked + label a {
  text-decoration: underline;
  margin-right: 4px;
}
.checkbox-item-img .checkbox-item [type=checkbox]:not(:checked) + label .icon,
.checkbox-item-img .checkbox-item [type=checkbox]:checked + label .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: scale(1) translate(-50%, calc(-50% - 30px));
  color: #000;
  transition: all 0.2s;
}
.checkbox-item-img input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}
.checkbox-item-img [type=checkbox]:checked + label .icon {
  opacity: 1;
  transform: scale(1) translate(-50%, calc(-50% - 30px));
}
.checkbox-item-img .checkbox-item [type=checkbox]:checked + label .icon {
  opacity: 1;
  transform: scale(1) translate(-50%, calc(-50% - 30px));
}
.checkbox-item-img [type=checkbox]:checked + label {
  border: 1px solid #000;
}
.checkbox-item-img [type=checkbox]:not(:checked) + label .icon {
  opacity: 0;
  transform: scale(0) translate(-50%, calc(-50% - 30px));
}
.checkbox-item-img [type=checkbox]:not(:checked) + label {
  border: 1px solid transparent;
}
.checkbox-item-img.color-filter [type=checkbox]:not(:checked) + label,
.checkbox-item-img.color-filter [type=checkbox]:checked + label {
  padding-left: 32px;
}
.checkbox-item-img.color-filter .color-wrap button {
  margin-right: 0;
}
.checkbox-item-img.color-filter [type=checkbox]:not(:checked) + label span,
.checkbox-item-img.color-filter [type=checkbox]:checked + label span {
  padding-left: 14px;
}
.checkbox-item-img img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.checkbox-item-img .checkbox-item-img-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
}

.check-no.checkbox-radio [type=radio]:checked + label::before, .check-no.checkbox-radio [type=radio]:not(:checked) + label::before {
  display: none;
}
.check-no.checkbox-radio [type=radio]:checked + label .ico-radio {
  display: none;
}
.check-no.checkbox-radio [type=radio]:checked + label .border-1, .check-no.checkbox-radio [type=radio]:checked + label .border-1-grey {
  border: 1px solid #000;
}

.check-center.checkbox-radio [type=radio]:checked + label::before, .check-center.checkbox-radio [type=radio]:not(:checked) + label::before {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}
.check-center.checkbox-radio [type=radio]:checked + label .ico-radio, .check-center.checkbox-radio [type=radio]:not(:checked) + label .ico-radio {
  top: 50%;
  left: 21px;
  margin-top: -2px;
}
.check-center .box3-content {
  padding-left: 30px;
}
.check-center.checkbox-radio [type=radio]:checked + label .border-1-grey {
  border: 1px solid #000;
}
.check-center.checkbox-radio [type=radio]:checked + label .border-1 {
  border: 1px solid #000;
}

.check-bleed.checkbox-radio [type=radio]:checked + label::before, .check-bleed.checkbox-radio [type=radio]:not(:checked) + label::before {
  left: 0;
}
.check-bleed.checkbox-radio [type=radio]:checked + label .ico-radio, .check-bleed.checkbox-radio [type=radio]:not(:checked) + label .ico-radio {
  left: 5px;
}

.check-top.checkbox-radio [type=radio]:checked + label::before, .check-top.checkbox-radio [type=radio]:not(:checked) + label::before {
  position: absolute;
  top: 16px;
  left: 16px;
}
.check-top.checkbox-radio [type=radio]:checked + label .ico-radio, .check-top.checkbox-radio [type=radio]:not(:checked) + label .ico-radio {
  top: 23px;
  left: 23px;
}
.check-top .box3-content {
  padding-left: 30px;
}
.check-top.checkbox-radio [type=radio]:checked + label .border-1, .check-top.checkbox-radio [type=radio]:checked + label .border-1-grey {
  border: 1px solid #000;
}

.check-clear.checkbox-radio [type=radio]:checked + label::before, .check-clear.checkbox-radio [type=radio]:not(:checked) + label::before {
  position: absolute;
  top: 16px;
  left: 0;
}
.check-clear.checkbox-radio [type=radio]:checked + label .ico-radio, .check-clear.checkbox-radio [type=radio]:not(:checked) + label .ico-radio {
  top: 23px;
  left: 4px;
}
.check-clear .box3-content {
  padding-left: 30px;
}
.check-clear.checkbox-radio [type=radio]:checked + label .border-1, .check-clear.checkbox-radio [type=radio]:checked + label .border-1-grey {
  border: 1px solid #000;
}

.checkbox-card .checkbox-card-label {
  border-radius: 0;
  overflow: hidden;
  border: 1px solid #a9a9a9;
  background: #fff;
  flex-direction: column;
  display: flex;
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
  transition: all 0.2s ease;
}
.checkbox-card [type=radio] {
  position: absolute; /* Lo saca del flujo normal */
  clip: rect(0 0 0 0); /* Recorta el elemento para que no sea visible */
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
}
.checkbox-card [type=radio]:checked + .checkbox-card-label, .checkbox-card :hover + .checkbox-card-label {
  cursor: pointer;
  border: 1px solid #000;
}
.has-light .checkbox-card {
  color: #fff;
}
.has-light .checkbox-card .checkbox-card-label {
  border: 1px solid #737373;
  background: #000;
}
.has-light .checkbox-card [type=radio]:checked + .checkbox-card-label, .has-light .checkbox-card :hover + .checkbox-card-label {
  cursor: pointer;
  border: 1px solid #fff;
}
.checkbox-card.is-error .checkbox-card-label {
  border: 1px solid #B40016 !important;
  color: #B40016 !important;
}

.is-active.checkbox-radio .border-1, .is-active.checkbox-radio .border-1-grey {
  border: 1px solid #000;
}
.is-active.checkbox-radio [type=radio] + label .ico-radio {
  opacity: 1;
  transform: scale(1);
}

.is-error.checkbox-item [type=checkbox]:checked + label::before,
.is-error.checkbox-item [type=checkbox]:not(:checked) + label::before, .is-error .checkbox-item [type=checkbox]:checked + label::before,
.is-error .checkbox-item [type=checkbox]:not(:checked) + label::before {
  border: 1px solid #B40016 !important;
}
.is-error.checkbox-item a, .is-error .checkbox-item a {
  color: #B40016 !important;
}
.is-error.checkbox-item svg g, .is-error .checkbox-item svg g {
  fill: #B40016 !important;
}
.is-error.checkbox-item svg g polyline, .is-error .checkbox-item svg g polyline {
  stroke: #B40016 !important;
}

.has-light .checkbox-item .ico-check::after {
  background-color: transparent;
}
.has-light .checkbox-item .ico-check::before {
  background-color: #fff;
}
.has-light .checkbox-item [type=checkbox]:not(:checked) + label::before,
.has-light .checkbox-item [type=checkbox]:checked + label::before {
  border: 1px solid #fff;
}
.has-light .checkbox-item [type=checkbox]:not(:checked) + label .icon,
.has-light .checkbox-item [type=checkbox]:checked + label .icon {
  color: #fff;
}
.has-light .checkbox-item svg g {
  fill: #fff;
}
.has-light .checkbox-item svg g polyline {
  stroke: #fff;
}
.has-light .checkbox-radio [type=radio]:not(:checked) + label::before,
.has-light .checkbox-radio [type=radio]:checked + label::before {
  border: 1px solid #fff;
}
.has-light .checkbox-radio [type=radio]:not(:checked) + label .ico-radio,
.has-light .checkbox-radio [type=radio]:checked + label .ico-radio {
  background-color: #fff;
}
.has-light .checkbox-item-2 [type=checkbox]:not(:checked) + label::before,
.has-light .checkbox-item-2 [type=checkbox]:checked + label::before {
  border: 1px solid #fff;
}
.has-light .checkbox-item-2 .checkbox-circle {
  background: #fff;
}
.has-light .checkbox-item-2 [type=checkbox]:not(:checked) + label .checkbox-circle,
.has-light .checkbox-item-2 [type=checkbox]:checked + label .checkbox-circle {
  color: #fff;
}

.form {
  width: 100%;
}

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

.input,
.textarea,
.select select {
  border: var(--line-width) solid transparent;
  border-color: #000;
  border-width: 0 0 var(--line-width) 0;
  border-radius: 0;
  appearance: none;
  align-items: center;
  box-shadow: none;
  display: inline-flex;
  justify-content: flex-start;
  padding: 8px 0;
  position: relative;
  vertical-align: top;
  min-height: 40px;
  box-sizing: border-box;
  color: #000;
  max-width: 100%;
  width: 100%;
  background-color: transparent;
  font-size: 16px;
}
@media (min-width: 768px) {
  .input,
  .textarea,
  .select select {
    font-size: 12px;
  }
}
.input.validation-error,
.textarea.validation-error,
.select select.validation-error {
  border-color: #B40016;
}
.input:focus,
.textarea:focus,
.select select:focus {
  border: var(--line-width) solid transparent;
  border-color: #000;
  border-width: 0 0 var(--line-width) 0;
  outline: none;
}
.inputdisabled, .input.disabled,
.textareadisabled,
.textarea.disabled,
.select selectdisabled,
.select select.disabled {
  pointer-events: none;
  border-color: #a9a9a9;
  color: #a9a9a9;
}
.input.text-l,
.textarea.text-l,
.select select.text-l {
  font-size: 12px;
}
@media (min-width: 768px) {
  .input.text-l,
  .textarea.text-l,
  .select select.text-l {
    font-size: 12px;
  }
}

input::placeholder {
  color: transparent;
  transform: translate3d(0, 0, 0);
}

.textarea {
  min-height: 100px;
  padding: 8px 0;
  box-sizing: border-box;
}

.select {
  max-width: 100%;
  appearance: none;
  align-items: center;
  border-radius: 0;
  box-shadow: none;
  display: inline-flex;
  justify-content: flex-start;
  position: relative;
  vertical-align: top;
}
.select select {
  cursor: pointer;
  display: block;
  max-width: 100%;
}
.select select:hover {
  opacity: 0.6;
}
.select label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
}
.select::after {
  border: 1px solid #000;
  border-radius: 0;
  border-right: 0;
  border-top: 0;
  content: " ";
  height: 8px;
  margin-top: -8px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 4px;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 8px;
}
.select:not(.is-multiple) {
  height: 40px;
}
.select:not(.is-multiple, .is-loading)::after {
  border-color: #000;
}
.select select::-ms-expand {
  display: none;
}
.select select[disabled]:hover,
.select fieldset[disabled] select:hover {
  border-color: #F9F9F9;
}
.select select:not([multiple]) {
  padding-right: 30px;
}
.select select[multiple] {
  height: auto;
  padding: 0;
}
.select select[multiple] option {
  padding: 0;
}
.select:not(.is-multiple, .is-loading):hover::after {
  border-color: #000;
}
.select.select-label select {
  padding-left: 100px;
}
.select.select-box {
  height: auto;
  min-height: auto;
  min-width: 60px;
}
.select.select-box select {
  background-color: #fff;
  min-width: 32px;
  width: 100%;
  min-height: 32px;
  border: var(--line-width) solid #000;
  padding: 2px 32px 0 8px;
  font-size: 12px;
  border-radius: 0;
  text-align: center;
}
.select.select-box::after {
  display: block;
  right: 15px;
  width: 6px;
  height: 6px;
  margin-top: -4px;
}
.select.select-flat, .select.select-flat-no-icon {
  width: max-content;
}
.select.select-flat label, .select.select-flat-no-icon label {
  z-index: 0;
  left: 0;
}
.select.select-flat select, .select.select-flat-no-icon select {
  border: none;
  padding-left: 0;
  background: none;
  padding-right: 40px;
}
.select.select-flat::after, .select.select-flat-no-icon::after {
  right: 0;
}
.select.select-flat-no-icon {
  padding-right: 8px;
}
.select.select-flat-no-icon::after {
  content: none;
}
.select.select-secondary-rd {
  width: max-content;
}
.select.select-secondary-rd:hover {
  opacity: 0.5;
}
.select.select-secondary-rd label {
  z-index: 0;
  left: 0;
}
.select.select-secondary-rd::after {
  display: none;
}
.select.select-secondary-rd select {
  border-radius: 0;
  border: 1px solid #000;
  padding: 6px 2px 4px;
  min-width: 100px;
  text-align: center;
  background: none;
  height: 32px;
  font-size: 12px;
  opacity: 0;
}
@media (min-width: 768px) {
  .select.select-secondary-rd select {
    padding: 14px 2px;
    height: 40px;
    font-size: 12px;
  }
}
.select.select-secondary-rd select:hover {
  opacity: 0;
}
.select.select-secondary-rd.select:not([multiple]), .select.select-secondary-rd.select:not(.is-multiple) {
  height: 32px;
}
@media (min-width: 768px) {
  .select.select-secondary-rd.select:not([multiple]), .select.select-secondary-rd.select:not(.is-multiple) {
    height: 40px;
  }
}
.select.select-secondary-rd.select select:not(.is-multiple), .select.select-secondary-rd.select select:not([multiple]) {
  padding: 6px 2px 4px;
  height: 32px;
  width: 100px;
}
@media (min-width: 768px) {
  .select.select-secondary-rd.select select:not(.is-multiple), .select.select-secondary-rd.select select:not([multiple]) {
    width: 120px;
    padding: 14px 2px;
    height: 40px;
  }
}
.select.select-secondary-rd .btn-secondary-rd {
  position: absolute;
  top: 0;
  left: 0;
}
.select .select-secondary-rd .btn.btn-secondary-rd {
  padding: 9px 2px 4px;
}
.select .select-secondary-rd .btn.btn-secondary-rd:hover {
  opacity: 0.5;
}
@media (min-width: 768px) {
  .select .select-secondary-rd .btn.btn-secondary-rd {
    padding: 16px 2px 14px;
  }
}
.select.select-size {
  width: max-content;
}
.select.select-size label {
  z-index: 0;
  left: 0;
}
.select.select-size select {
  border-radius: 0;
  background: none;
  padding-right: 40px;
  border-color: #000;
}
.select.select-size select:hover {
  opacity: 0.6;
}

.validation-error-messages {
  color: #B40016;
  font-weight: 500;
}
.validation-error-messages svg path {
  fill: #B40016;
}

.validation-error-wrap {
  min-height: 24px;
}

.input-line {
  border-top: var(--line-width) solid transparent;
  border-left: var(--line-width) solid transparent;
  border-right: var(--line-width) solid transparent;
  background-color: transparent;
  padding-left: 0;
  border-bottom: var(--line-width) solid #000;
}

.input-notouch {
  font-family: arial, sans-serif;
  font-weight: 500;
  pointer-events: none;
  border-color: #a9a9a9;
  padding: 24px 0;
}

.info-text {
  color: #737373;
  margin-top: 4px;
  width: 100%;
  float: left;
}

.form-text {
  right: 0;
  left: auto;
  position: absolute;
  top: 0;
  min-width: 50px;
  height: 40px;
  box-sizing: border-box;
  display: table;
}
.form-text span {
  vertical-align: middle;
  display: table-cell;
  padding-right: 16px;
  padding: 12px;
}

.form-text-svg svg {
  display: inline-block;
  padding: 12px;
  box-sizing: initial;
}

.form-input-label-2,
.error-zone {
  font-family: arial, sans-serif;
  position: relative;
}
.form-input-label-2 label,
.error-zone label {
  font-size: 12px;
}
.form-input-label-2 .validation-error-messages,
.error-zone .validation-error-messages {
  width: calc(100% - 40px);
}
.form-input-label-2 .help,
.error-zone .help {
  font-family: arial, sans-serif;
  position: relative;
  line-height: 1.5;
  font-size: 12px;
  margin-top: 0;
  padding-top: 2px;
  margin-bottom: 4px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.form-input-label-2 .input-text,
.error-zone .input-text {
  color: #737373;
  margin-top: 4px;
  line-height: 1;
}
.form-input-label-2 .info-text,
.error-zone .info-text {
  color: #737373;
  margin-top: 4px;
  width: auto;
  position: absolute;
  right: 0;
}
.form-input-label-2 > input, .form-input-label-2 > label, .form-input-label-2 > textarea,
.error-zone > input,
.error-zone > label,
.error-zone > textarea {
  font-family: arial, sans-serif;
  padding: 16px 0 0;
  font-weight: normal;
}
.form-input-label-2 > label,
.error-zone > label {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  font-weight: normal;
  margin-top: var(--line-width);
  margin-bottom: 0;
  line-height: 1.1;
  color: #000;
  border-radius: 0;
  transition: all 0.1s ease-in-out;
  pointer-events: none;
}
.form-input-label-2 input::placeholder,
.error-zone input::placeholder {
  color: transparent;
}
.form-input-label-2 input:not(:placeholder-shown), .form-input-label-2 textarea:not(:placeholder-shown),
.error-zone input:not(:placeholder-shown),
.error-zone textarea:not(:placeholder-shown) {
  padding-top: 8px;
  padding-bottom: 0;
}
.form-input-label-2 input:not(:placeholder-shown) ~ label, .form-input-label-2 textarea:not(:placeholder-shown) ~ label,
.error-zone input:not(:placeholder-shown) ~ label,
.error-zone textarea:not(:placeholder-shown) ~ label {
  padding-top: 1px;
  padding-bottom: calc(14px / 3);
  font-size: 12px;
  color: #737373;
}
.form-input-label-2 input:focus, .form-input-label-2 textarea:focus,
.error-zone input:focus,
.error-zone textarea:focus {
  padding-top: 8px;
  padding-bottom: 0;
}
.form-input-label-2 input:focus ~ label, .form-input-label-2 textarea:focus ~ label,
.error-zone input:focus ~ label,
.error-zone textarea:focus ~ label {
  padding-top: 1px;
  padding-bottom: calc(14px / 3);
  font-size: 12px;
  color: #737373;
}
.form-input-label-2 input::-webkit-list-button, .form-input-label-2 input::-webkit-calendar-picker-indicator,
.error-zone input::-webkit-list-button,
.error-zone input::-webkit-calendar-picker-indicator {
  display: none;
  opacity: 0;
}
.form-input-label-2 input:-webkit-autofill,
.form-input-label-2 input:-webkit-autofill:hover,
.form-input-label-2 input:-webkit-autofill:focus,
.form-input-label-2 textarea:-webkit-autofill,
.form-input-label-2 textarea:-webkit-autofill:hover,
.form-input-label-2 textarea:-webkit-autofill:focus,
.form-input-label-2 select:-webkit-autofill,
.form-input-label-2 select:-webkit-autofill:hover,
.form-input-label-2 select:-webkit-autofill:focus,
.error-zone input:-webkit-autofill,
.error-zone input:-webkit-autofill:hover,
.error-zone input:-webkit-autofill:focus,
.error-zone textarea:-webkit-autofill,
.error-zone textarea:-webkit-autofill:hover,
.error-zone textarea:-webkit-autofill:focus,
.error-zone select:-webkit-autofill,
.error-zone select:-webkit-autofill:hover,
.error-zone select:-webkit-autofill:focus {
  border-bottom: 1px solid #000;
  -webkit-text-fill-color: #000;
  box-shadow: 0 0 0 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}
.form-input-label-2.input-line .input,
.error-zone.input-line .input {
  border: none;
}
.form-input-label-2 input,
.error-zone input {
  background-color: transparent;
}
.form-input-label-2.has-ico-pre.btn, .form-input-label-2.has-ico-pre > input, .form-input-label-2.has-ico-pre > label,
.form-input-label-2 .has-ico-pre.btn,
.form-input-label-2 .has-ico-pre > input,
.form-input-label-2 .has-ico-pre > label,
.error-zone.has-ico-pre.btn,
.error-zone.has-ico-pre > input,
.error-zone.has-ico-pre > label,
.error-zone .has-ico-pre.btn,
.error-zone .has-ico-pre > input,
.error-zone .has-ico-pre > label {
  padding-left: 24px;
}
.form-input-label-2.has-ico-pre .form-icon,
.form-input-label-2 .has-ico-pre .form-icon,
.error-zone.has-ico-pre .form-icon,
.error-zone .has-ico-pre .form-icon {
  top: 0;
  left: 0;
}
.form-input-label-2.has-ico-pre .ico-pre,
.form-input-label-2 .has-ico-pre .ico-pre,
.error-zone.has-ico-pre .ico-pre,
.error-zone .has-ico-pre .ico-pre {
  height: 45px;
  position: absolute;
  top: 0;
  right: auto;
  left: 0;
  box-sizing: border-box;
  margin: 0;
  cursor: pointer;
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.form-input-label-2.has-ico-post.btn, .form-input-label-2.has-ico-post > input, .form-input-label-2.has-ico-post > label,
.form-input-label-2 .has-ico-post.btn,
.form-input-label-2 .has-ico-post > input,
.form-input-label-2 .has-ico-post > label,
.error-zone.has-ico-post.btn,
.error-zone.has-ico-post > input,
.error-zone.has-ico-post > label,
.error-zone .has-ico-post.btn,
.error-zone .has-ico-post > input,
.error-zone .has-ico-post > label {
  padding-right: 36px;
}
.form-input-label-2.has-ico-post .form-icon,
.form-input-label-2 .has-ico-post .form-icon,
.error-zone.has-ico-post .form-icon,
.error-zone .has-ico-post .form-icon {
  padding: 12px;
  top: 0;
  right: 0;
  left: auto;
}
.form-input-label-2.has-ico-post .ico-post,
.form-input-label-2 .has-ico-post .ico-post,
.error-zone.has-ico-post .ico-post,
.error-zone .has-ico-post .ico-post {
  height: 45px;
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  box-sizing: border-box;
  margin: 0;
  cursor: pointer;
  align-items: center;
  display: inline-flex;
  justify-content: center;
}

.form-input-label-2.required label::after {
  content: " *";
}

.is-error .input,
.is-error .help {
  color: #B40016 !important;
}
.is-error .input {
  border-bottom: var(--line-width) solid #B40016;
}
.is-error .input-prefix :nth-child(1)::placeholder {
  color: #B40016;
}
.is-error svg g {
  stroke: #B40016 !important;
}
.is-error svg path {
  fill: #B40016 !important;
}
.is-error .ico-default svg g {
  stroke: #000 !important;
}
.is-error .ico-default svg path {
  fill: #000 !important;
}

.ok-input .input,
.ok-input .help {
  color: #12882c !important;
}
.ok-input .input {
  border-bottom: var(--line-width) solid #12882c;
  color: #12882c;
}
.ok-input .input-prefix:nth-child(1)::placeholder {
  color: #12882c;
}
.ok-input .input-line {
  border-top: var(--line-width) solid transparent;
  border-left: var(--line-width) solid transparent;
  border-right: var(--line-width) solid transparent;
  border-bottom: var(--line-width) solid #12882c;
  color: #12882c;
}

.disabled-input {
  pointer-events: none;
  opacity: 0.4;
}

.input-line-v2 {
  position: relative;
  display: flex;
  padding-right: 64px;
}
.input-line-v2 .input,
.input-line-v2 .input:focus,
.input-line-v2 .textarea,
.input-line-v2 .textarea:focus {
  font-family: arial, sans-serif;
  font-weight: 500;
  padding: 12px 0 4px;
  height: auto;
  border: none;
  border-bottom: var(--line-width) solid #000;
}
.input-line-v2 .input::placeholder {
  font-family: arial, sans-serif;
  font-weight: 500;
  text-overflow: inherit;
  line-height: initial;
  white-space: pre;
  overflow-wrap: normal;
  -webkit-user-modify: read-only !important;
  overflow: hidden;
}

.has-light .form-input-label input,
.has-light .form-input-label-2 input {
  background-color: transparent;
}
.has-light input,
.has-light label {
  color: #fff;
}
.has-light .form-input-label > label,
.has-light .form-input-label-2 > label,
.has-light .form-input-prefix > label,
.has-light .form-prefix > label {
  color: #fff;
}
.has-light .form-input-label input::placeholder,
.has-light .form-input-label-2 input::placeholder,
.has-light .form-input-prefix input::placeholder,
.has-light .form-prefix input::placeholder {
  color: transparent;
}
.has-light .form-input-label input:not(:placeholder-shown) ~ label,
.has-light .form-input-label-2 input:not(:placeholder-shown) ~ label,
.has-light .form-input-prefix input:not(:placeholder-shown) ~ label,
.has-light .form-prefix input:not(:placeholder-shown) ~ label {
  color: #fff;
}
.has-light .form-input-label input:-webkit-autofill,
.has-light .form-input-label input:-webkit-autofill:hover,
.has-light .form-input-label input:-webkit-autofill:focus,
.has-light .form-input-label textarea:-webkit-autofill,
.has-light .form-input-label textarea:-webkit-autofill:hover,
.has-light .form-input-label textarea:-webkit-autofill:focus,
.has-light .form-input-label select:-webkit-autofill,
.has-light .form-input-label select:-webkit-autofill:hover,
.has-light .form-input-label select:-webkit-autofill:focus,
.has-light .form-input-label-2 input:-webkit-autofill,
.has-light .form-input-label-2 input:-webkit-autofill:hover,
.has-light .form-input-label-2 input:-webkit-autofill:focus,
.has-light .form-input-label-2 textarea:-webkit-autofill,
.has-light .form-input-label-2 textarea:-webkit-autofill:hover,
.has-light .form-input-label-2 textarea:-webkit-autofill:focus,
.has-light .form-input-label-2 select:-webkit-autofill,
.has-light .form-input-label-2 select:-webkit-autofill:hover,
.has-light .form-input-label-2 select:-webkit-autofill:focus,
.has-light .form-input-prefix input:-webkit-autofill,
.has-light .form-input-prefix input:-webkit-autofill:hover,
.has-light .form-input-prefix input:-webkit-autofill:focus,
.has-light .form-input-prefix textarea:-webkit-autofill,
.has-light .form-input-prefix textarea:-webkit-autofill:hover,
.has-light .form-input-prefix textarea:-webkit-autofill:focus,
.has-light .form-input-prefix select:-webkit-autofill,
.has-light .form-input-prefix select:-webkit-autofill:hover,
.has-light .form-input-prefix select:-webkit-autofill:focus,
.has-light .form-prefix input:-webkit-autofill,
.has-light .form-prefix input:-webkit-autofill:hover,
.has-light .form-prefix input:-webkit-autofill:focus,
.has-light .form-prefix textarea:-webkit-autofill,
.has-light .form-prefix textarea:-webkit-autofill:hover,
.has-light .form-prefix textarea:-webkit-autofill:focus,
.has-light .form-prefix select:-webkit-autofill,
.has-light .form-prefix select:-webkit-autofill:hover,
.has-light .form-prefix select:-webkit-autofill:focus {
  border-bottom: 1px solid #fff;
  -webkit-text-fill-color: #fff;
  box-shadow: 0 0 0 1000px #000 inset;
}
.has-light .form-input-label .input,
.has-light .form-input-label .textarea,
.has-light .form-input-label .select select,
.has-light .form-input-label-2 .input,
.has-light .form-input-label-2 .textarea,
.has-light .form-input-label-2 .select select,
.has-light .form-input-prefix .input,
.has-light .form-input-prefix .textarea,
.has-light .form-input-prefix .select select,
.has-light .form-prefix .input,
.has-light .form-prefix .textarea,
.has-light .form-prefix .select select {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.has-light .form-input-label-2 .info-text,
.has-light .error-zone .info-text {
  color: #fff;
}
.has-light .input-prefix input::placeholder {
  color: #fff;
  transform: translate3d(0, 0, 0);
  opacity: 0.7;
}
.has-light .input:focus {
  border-color: #fff;
}

.form-postcode {
  flex-wrap: wrap;
  gap: 8px;
}
.form-postcode > :not(.select):nth-child(1) {
  flex: 0 0 200px;
}
.form-postcode > :nth-child(2) {
  flex: 1 0 auto;
}
.form-postcode .form-input-label-2 .help {
  width: 100%;
}

.form-prefix {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.form-prefix > :not(.select):nth-child(1) {
  flex: 0 0 75px;
}
.form-prefix > :nth-child(2) {
  flex: 5 0 130px;
}
.form-prefix > .btn {
  flex: 1 0 auto;
}

.form-input-prefix {
  display: flex;
}
.form-input-prefix .input-prefix {
  width: 52px;
  display: inline-block;
  margin-right: 8px;
}
.form-input-prefix .input-prefix .input {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.form-input-prefix .form-input-label,
.form-input-prefix .form-input-label-2 {
  display: inline-block;
  width: calc(100% - 60px);
}

.form-input-mobile {
  position: absolute;
  z-index: 1;
  width: calc(100% - 40px);
  max-width: 450px;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
}

@supports (-ms-ime-align: auto) {
  .form-input-label-2 > label {
    display: none;
  }
  .formlabel input:-ms-input-placeholder {
    color: #737373;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-input-label-2 > label {
    display: none;
  }
  .formlabel input:-ms-input-placeholder {
    color: #737373 !important;
  }
}
.form-input-select.md-pristine label {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  font-weight: normal;
  margin-top: var(--line-width);
  margin-bottom: 0;
  line-height: 1.1;
  color: #000;
  border-radius: 0;
  transition: all 0.1s ease-in-out;
  pointer-events: none;
}
.form-input-select.md-dirty label {
  padding-top: 1px;
  padding-bottom: 4.6666666667px;
}
.form-input-select select {
  padding: 16px 0 4px;
}
@media (min-width: 768px) {
  .form-input-select select {
    padding-bottom: 8px;
  }
}
.form-input-select label {
  color: #737373;
  font-size: 10px;
}

a:hover {
  opacity: 0.6;
}

.link4 {
  position: relative;
  display: inline-block;
  border: 0;
  transform: none;
  transition: background-color 0.3s ease-in-out;
  margin: 0;
  padding: 2px 0;
  cursor: pointer;
}
.link4:hover {
  opacity: 0.6;
}
.link4::after {
  content: "";
  background-color: #000;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
}

.link-button-prev {
  background: transparent !important;
  position: relative;
  width: 40px;
  height: 40px;
  z-index: 1;
  cursor: pointer;
  border-radius: 50%;
  border: var(--line-width) solid #a9a9a9;
}

.inner-button {
  margin-top: 1px;
  display: block;
  width: 40px;
  height: 40px;
  color: #fff;
}
.inner-button::after {
  border: var(--line-width) solid #000;
  border-radius: 0;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 10px;
  margin-top: -8px;
  pointer-events: none;
  position: absolute;
  top: 53%;
  right: 16px;
  transform: rotate(-135deg);
  transform-origin: center;
  width: 10px;
}

.link-line {
  display: inline;
  position: relative;
  border: 0;
  padding: 0;
  transform: none;
  cursor: pointer;
  background-color: transparent;
  background-image: linear-gradient(transparent calc(100% - 1px), #000 10px);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: background-size 0.4s;
}
.c-dark-grey .link-line {
  background-image: linear-gradient(transparent calc(100% - 1px), #737373 10px);
}
.link-line:hover {
  opacity: 0.6;
}
.link-line.c-feel-dark {
  background-image: linear-gradient(transparent calc(100% - 1px), #a9a9a9 10px);
}
.link-line.c-dark-grey {
  background-image: linear-gradient(transparent calc(100% - 1px), #737373 10px);
}
.link-line.c-feel {
  background-image: linear-gradient(transparent calc(100% - 1px), #000000 10px);
}
.link-line.is-error, .link-line.c-error {
  color: #B40016;
  background-image: linear-gradient(transparent calc(100% - 1px), #B40016 10px);
}
.is-error .link-line {
  color: #B40016;
  background-image: linear-gradient(transparent calc(100% - 1px), #B40016 10px);
}
.link-linebutton {
  padding-left: 0;
  padding-right: 0;
}
.link-linebutton.link-svg-pre {
  padding-left: 20px;
  padding-right: 0;
}
.link-linebutton.link-svg-post {
  padding-right: 20px;
  padding-left: 0;
}

.link-raw {
  display: inline-block;
  padding-inline: 0;
  position: relative;
  border: 0;
  transform: none;
  cursor: pointer;
  background: initial;
}
.link-raw:hover {
  opacity: 0.6;
}

.link-svg-pre {
  padding-left: 20px;
  font-family: arial, sans-serif;
  font-weight: 500;
  position: relative;
  border: 0;
  transform: none;
  cursor: pointer;
  background-position-x: 20px;
}
.link-svg-pre svg-icon,
.link-svg-pre svg-icon2,
.link-svg-pre md-icon {
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
}
.link-svg-pre:hover {
  opacity: 0.6;
}

.link-svg-post {
  padding-right: 20px;
  font-family: arial, sans-serif;
  font-weight: 500;
  display: initial;
  position: relative;
  border: 0;
  transform: none;
  cursor: pointer;
  background-position: calc(100% - 20px);
}
.link-svg-post svg-icon,
.link-svg-post svg-icon2,
.link-svg-post md-icon {
  position: absolute;
  right: 0;
  top: 2px;
  width: 16px;
  height: 16px;
}
.link-svg-post:hover {
  opacity: 0.6;
}

.has-light a {
  color: #fff;
}
.has-light .link1 {
  color: #fff;
}
.has-light .link1::after {
  background-color: #fff;
}
.has-light .link4 {
  color: #fff;
}
.has-light .link4::after {
  background-color: #fff;
}
.has-light .link4 .link4-underline {
  background: #fff;
}
.has-light .link5 {
  color: #fff;
}
.has-light .link5::after {
  background: #fff;
}
.has-light .link6 {
  color: #fff;
  border-bottom: 2px solid #fff;
}
.has-light .link7 {
  color: #fff;
}
.has-light .link7::after {
  background: #fff;
}
.has-light .link8 {
  color: #fff;
}
.has-light .link9 {
  color: #fff;
}
.has-light .link9::after {
  background: #fff;
}
.has-light .link-raw {
  color: white;
}
.has-light .link-line {
  color: white;
  background-image: linear-gradient(transparent calc(100% - 1px), white 10px);
}
.has-light .link-line::after {
  background-color: #fff;
}
.has-light .link-multiline {
  color: white;
  background-image: linear-gradient(transparent calc(100% - 1px), white 10px);
}
.has-light .link-multiline::after {
  background-color: #fff;
}
.has-light .link-svg-post {
  color: white;
}
.has-light .link-svg-pre {
  color: white;
}

ul.list-disc {
  list-style: none;
  margin: 16px 0;
  padding: 0;
}
ul.list-disc li {
  position: relative;
  padding: 0 16px;
}
ul.list-disc li::after {
  background-color: #1a1a1a;
  content: "";
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0;
  margin-top: -1px;
  top: 50%;
  transform: translateY(-50%);
}
ul.list-disc li a {
  text-decoration: none;
  padding: 14px 0;
}
ul.list-disc li a::after {
  bottom: 7px;
}

ul.list-inline li {
  display: inline-flex;
  padding: 0 4px;
}
ul.list-inline li::after {
  display: none;
}

ul.list-inline-flex {
  margin: 0;
  padding: 0;
}
ul.list-inline-flex li {
  display: inline-flex;
  padding: 0 4px;
  margin: 0;
}
ul.list-inline-flex li::after {
  display: none;
}

ul.list-inline-clear {
  margin: 0;
  padding: 0;
}
ul.list-inline-clear li {
  display: inline-block;
  margin: 0;
}
ul.list-inline-clear li::after {
  display: none;
}

ul.list-clear li {
  list-style: none;
}
ul.list-clear li::after {
  display: none;
}

ul.h-size-selector a {
  position: relative;
  width: 20px;
  height: 20px;
  text-align: center;
}
ul.h-size-selector a:hover {
  cursor: pointer;
}
ul.h-size-selector a:hover::after {
  border: var(--line-width) solid rgb(51, 48, 48);
}
ul.h-size-selector a::after {
  content: "";
  position: absolute;
  border: var(--line-width) solid transparent;
  width: 10px;
  height: 10px;
  left: 3px;
  top: 3px;
  padding: 8px;
  border-radius: 50%;
  transition: 0.5s ease all;
}

ul.list-mini {
  margin: 8px 0;
}
ul.list-mini > li {
  position: relative;
  padding: 4px 8px;
  line-height: 1;
  float: left;
  clear: both;
  list-style: none;
}
ul.list-mini > li.is-missing::after {
  content: "";
  width: 100%;
  height: var(--line-width);
  background-color: #000;
  border-radius: 0;
  margin-top: -1px;
  transform: none;
}
ul.list-mini > li::after {
  content: "";
  width: 2px;
  height: 2px;
  background-color: #000;
  position: absolute;
  left: 0;
  bottom: 10px;
}

.list-table {
  display: table;
  width: 100%;
}

.list-box {
  display: table-cell;
  box-sizing: border-box;
  border: 1px solid #737373;
  transition: all 0.2s ease;
  opacity: 0.5;
  left: -1px;
}
.list-box:first-child {
  left: 0;
}
.list-box.is-active, .list-box:hover {
  border: 1px solid #000;
  opacity: 1;
  cursor: pointer;
}

.multiple-table {
  display: table;
  width: calc(100% + 2px);
}
.multiple-table .list-box:last-child {
  left: -2px;
}

.list-button {
  position: relative;
  padding: 16px 0;
  border-bottom: var(--line-width) solid transparent;
  cursor: pointer;
  opacity: 1;
}
.list-button span {
  font-size: 12px;
}
.list-button:hover {
  opacity: 0.6;
}
.list-button.list-secondary, .list-button.list-secundary {
  background-color: transparent;
  padding-left: 16px;
}
.list-button.list-tertiary {
  padding-left: 32px;
}
.list-button.list-tertiary svg-icon,
.list-button.list-tertiary svg-icon2,
.list-button.list-tertiary md-icon {
  left: 20px;
  opacity: 1;
}
.list-button.list-icons {
  display: flex;
  align-items: center;
  gap: 8px;
}
.list-button.list-icons span {
  flex-grow: 1;
}

.list-selection a {
  padding: 8px;
  background: #fff;
}
.list-selection a:hover,
.list-selection .is-active {
  padding: 8px;
  background: #F9F9F9;
}

ul.list-disc.has-light > li.is-missing::after,
ul.list-mini.has-light > li.is-missing::after {
  background-color: #fff;
}
ul.list-disc.has-light > li::after,
ul.list-mini.has-light > li::after {
  background-color: #fff;
}

ul.list-breadcrumb li {
  display: inline-flex;
  margin: 0;
  padding: 0;
}
ul.list-breadcrumb li.list-breadcrumb-divider {
  color: #949494;
  position: relative;
  top: 4px;
  padding: 0;
}

.list-state .list-state-item {
  position: relative;
  padding-left: 20px;
  margin-left: 6px;
  color: #737373;
}
.list-state .list-state-item::after {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  border: 1px solid black;
  background-color: #fff;
  top: 2px;
  left: -5px;
}
.list-state .list-state-item::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  border-left: 1px dashed black;
  top: 12px;
  left: 0;
}
.list-state .list-state-item.state-1 {
  color: #000;
}
.list-state .list-state-item.state-1::before {
  content: "";
  border-left: 1px solid black;
}
.list-state .list-state-item.state-1::after {
  border: 1px solid black;
  background-color: black;
}
.list-state .list-state-item.state-2 {
  color: #000;
}
.list-state .list-state-item.state-2::before {
  content: "";
  border-left: 1px dashed black;
}
.list-state .list-state-item.state-2::after {
  border: 1px solid black;
  background-color: black;
}
.list-state .list-state-item:last-child::before {
  content: "";
  border: none;
}

.progressbar {
  width: 100%;
  height: 8px;
  border-radius: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: hidden;
  border: solid 1px #000;
}
.progressbar .progressbar-status {
  min-width: 0;
  height: 8px;
  border-radius: 0;
  background-color: #000;
  transition: all 0.2s ease;
}

.tabs ul {
  display: flex;
  margin: 0;
  flex-grow: 1;
  flex-shrink: 0;
}
.tabs ul.content-start {
  justify-content: flex-start;
}
.tabs ul.content-center {
  align-items: center;
}
.tabs li {
  display: block;
  margin: 0;
}
.tabs li a,
.tabs li span,
.tabs li .tab {
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: top;
  cursor: pointer;
  padding-block: 0;
  padding-inline: 20px;
  line-height: 1;
}
.tabs li.is-active a, .tabs li.is-active span, .tabs li.is-active .tab {
  position: relative;
}
.tabs li.is-active a::after, .tabs li.is-active span::after, .tabs li.is-active .tab::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #000;
  bottom: -8px;
}
.tabs li::after {
  display: none;
}
.tabs.tabs-resetfirst ul li:first-child a {
  padding: 0 20px 0 0;
}
.tabs.is-center ul {
  justify-content: center;
}
.tabs.is-around ul {
  justify-content: space-around;
}
.tabs.is-around ul li {
  flex: 1;
}
.tabs .list-equal {
  display: flex;
  align-items: flex-end;
}
.tabs .list-equal li {
  flex-grow: 1;
}

.tabs2 ul {
  display: flex;
  margin: 0;
  flex-grow: 1;
  flex-shrink: 0;
}
.tabs2 ul.content-start {
  justify-content: flex-start;
}
.tabs2 ul.content-center {
  align-items: center;
}
.tabs2 li {
  position: relative;
  display: block;
  margin: 0;
  list-style: none;
}
.tabs2 li a,
.tabs2 li span,
.tabs2 li .tab {
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: top;
  cursor: pointer;
  padding-inline: 20px;
  line-height: 1;
}
.tabs2 li .btn-tertiary {
  padding-block: 0;
}
.tabs2 li.is-active {
  position: relative;
}
.tabs2 li.is-active::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #000;
  bottom: -8px;
  left: 50%;
  margin-left: -2px;
}
.tabs2.tabs-resetfirst ul li:first-child * {
  padding: 0 20px 0 0;
}
.tabs2.tabs-resetfirst ul li::after {
  margin-left: -10px;
}
.tabs2.is-center ul {
  justify-content: center;
}
.tabs2.is-around ul {
  justify-content: space-around;
}
.tabs2.is-around ul li {
  flex: 1;
}
.tabs2 .list-equal {
  display: flex;
  align-items: flex-end;
}
.tabs2 .list-equal li {
  flex-grow: 1;
}
.has-light .tabs2 li::after {
  background-color: #fff;
}

.tabs-inline ul {
  display: flex;
  margin: 0;
  flex-grow: 1;
  flex-shrink: 0;
}
.tabs-inline ul.content-start {
  justify-content: flex-start;
}
.tabs-inline ul.content-center {
  align-items: center;
}
.tabs-inline li {
  display: block;
  margin: 0;
}
.tabs-inline li a,
.tabs-inline li span,
.tabs-inline li button {
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: top;
  font-size: 12px;
  cursor: pointer;
}
.tabs-inline li.is-active a, .tabs-inline li.is-active span, .tabs-inline li.is-active button {
  position: relative;
}
.tabs-inline li.is-active a::after, .tabs-inline li.is-active span::after, .tabs-inline li.is-active button::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #000;
  bottom: 0;
}
.tabs-inline li::after {
  display: none;
}
.tabs-inline.is-center ul {
  justify-content: center;
}
.tabs-inline.is-around ul {
  justify-content: space-around;
}
.tabs-inline.is-around ul li {
  flex: 1;
}
.tabs-inline .list-equal {
  display: flex;
  align-items: flex-end;
}
.tabs-inline .list-equal li {
  flex-grow: 1;
}

.has-light .tabs .is-active a::after,
.has-light .tabs .is-active span::after {
  background-color: #fff;
}

.tabs-list,
.tabs-clear li {
  display: block;
  width: 100%;
  margin: 0;
}
.tabs-list span,
.tabs-list a,
.tabs-clear li span,
.tabs-clear li a {
  position: relative;
  cursor: pointer;
}
.tabs-list span::after,
.tabs-list a::after,
.tabs-clear li span::after,
.tabs-clear li a::after {
  content: "";
  position: absolute;
  width: 100%;
  background: #000;
  height: 2px;
  bottom: -4px;
  left: 0;
}
.tabs-list span:hover::after,
.tabs-list a:hover::after,
.tabs-clear li span:hover::after,
.tabs-clear li a:hover::after {
  background: #000;
}

.tabs-list {
  margin-left: -8px;
}
.tabs-list li {
  padding: 8px;
}

.tabs-gray,
.tabs-mini {
  position: relative;
  width: 100%;
}

.tabs-gray {
  background-color: #F9F9F9;
  border: none;
}
.tabs-gray ul,
.tabs-gray li {
  border: none;
}
.tabs-gray a,
.tabs-gray span {
  color: #737373;
  border-color: #F9F9F9;
}

.tabs-mini {
  display: inline-block;
}
.tabs-mini ul {
  padding: 0 14px;
  background-color: #fff;
  display: inline-flex;
  font-family: arial, sans-serif;
}
.tabs-mini li a {
  padding: 6px 8px 8px;
  border: none;
  opacity: 0.5;
}
.tabs-mini li a:hover {
  opacity: 1;
}
.tabs-mini li:first-child a::after {
  right: 0;
  width: 1px;
  height: 20px;
  background-color: #a9a9a9;
}
.tabs-mini li.is-active a {
  opacity: 1;
}
.tabs-mini.tabs-map {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-end;
  max-width: 450px;
}
.tabs-mini.tabs-map ul {
  border: 1px solid #a9a9a9;
}

.tag-warning {
  background-color: #ffce4e;
  color: #fff;
  padding: 6px;
  line-height: 1;
  display: inline-block;
}

.tag-info {
  background-color: #1a32a4;
  color: #fff;
  padding: 6px;
  line-height: 1;
  display: inline-block;
}

.tag-valid {
  background-color: #12882c;
  color: #fff;
  padding: 6px;
  line-height: 1;
  display: inline-block;
}

.tag-alert {
  background-color: #ffce4e;
  color: #000;
  padding: 6px;
  line-height: 1;
  display: inline-block;
}

.tag-feel {
  background-color: #000000;
  color: #fff;
  padding: 6px;
  line-height: 1;
  display: inline-block;
}

.tag-limited {
  background-color: #000;
  color: #fff;
  padding: 6px;
  line-height: 1;
  display: inline-block;
}

.tag-new {
  color: #000;
  font-style: normal;
  line-height: 10px;
  top: 10px;
  right: -30px;
  position: absolute;
}

.tooltip-sm {
  bottom: 0;
  transform: translateY(100%) translateY(10px);
  right: calc(50% - 16px);
  background-color: #fff;
  border: 1px solid #a9a9a9;
  position: absolute;
  width: max-content;
  max-width: 320px;
  z-index: 10;
  padding: 8px;
  padding-right: 24px;
  color: #000;
}
.tooltip-sm::after {
  content: "";
  top: -6px;
  right: 10px;
  position: absolute;
  border-top: 1px solid #a9a9a9;
  border-left: 1px solid #a9a9a9;
  width: 10px;
  height: 10px;
  background: #fff;
  transform: rotate(45deg);
}
.tooltip-sm.tooltip-br, .tooltip-sm.tooltip-tr {
  left: calc(50% - 16px);
  right: auto;
}
.tooltip-sm.tooltip-br::after, .tooltip-sm.tooltip-tr::after {
  right: auto;
  left: 10px;
}
.tooltip-sm.tooltip-tl, .tooltip-sm.tooltip-tr {
  top: 0;
  bottom: auto;
  transform: translateY(-100%) translateY(-10px);
}
.tooltip-sm.tooltip-tl::after, .tooltip-sm.tooltip-tr::after {
  top: auto;
  bottom: -6px;
  transform: rotate(225deg);
}
.tooltip-sm .close {
  position: absolute;
  right: 8px;
  top: 8px;
}

.store-state {
  width: max-content;
  position: relative;
  padding-left: 16px;
  padding-top: 1px;
}
.store-state div {
  position: absolute;
  overflow: hidden;
  top: 3px;
  left: 0;
  width: 8px;
  height: 8px;
}

.has-tooltip-temp {
  position: relative;
  width: fit-content;
  height: fit-content;
}

.tooltip-sm-temp {
  bottom: 0;
  transform: translateY(100%) translateY(10px);
  right: -8px;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  position: absolute;
  width: 240px;
  z-index: 10;
  padding: 8px;
  padding-right: 24px;
  color: #000;
}
.tooltip-sm-temp::after {
  content: "";
  top: -6px;
  right: 10px;
  position: absolute;
  border-top: 1px solid #a9a9a9;
  border-left: 1px solid #a9a9a9;
  width: 10px;
  height: 10px;
  background: #fff;
  transform: rotate(45deg);
}
.tooltip-sm-temp .close-temp {
  position: absolute;
  right: 8px;
  top: 8px;
}
.tooltip-sm-temp.tooltip-tl-temp {
  left: -8px;
  right: auto;
}
.tooltip-sm-temp.tooltip-tl-temp::after {
  right: auto;
  left: 10px;
}
.tooltip-sm-temp.tooltip-bl-temp {
  top: 0;
  bottom: auto;
  transform: translateY(-100%) translateY(-10px);
}

.tooltip-sm-old {
  top: 36px;
  right: 0;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  position: absolute;
  width: 100%;
  max-width: 327px;
  z-index: 10;
}

.tooltip-sm-old::after {
  top: -6px;
  right: 3px;
  content: "";
  position: absolute;
  border-top: 1px solid #a9a9a9;
  border-left: 1px solid #a9a9a9;
  width: 10px;
  height: 10px;
  background: #fff;
  transform: rotate(45deg);
}

.tooltip-close {
  border-bottom: var(--line-width) solid #000;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 8px;
}

.is-tooltip {
  position: relative;
  width: 100%;
}

.has-tooltip {
  position: relative;
  width: fit-content;
}

.form-input-label .validation-error-messages,
.form-input-label-2 .validation-error-messages {
  color: #B40016;
}
.form-input-label .validation-error-messages svg path,
.form-input-label-2 .validation-error-messages svg path {
  fill: #B40016;
}
.form-input-label.datalist input:focus + svg,
.form-input-label-2.datalist input:focus + svg {
  transform: rotate(-180deg);
  transition: 0.6s;
}
.form-input-label.datalist input.validation-error + svg path,
.form-input-label-2.datalist input.validation-error + svg path {
  fill: red;
}
.form-input-label.datalist input::-webkit-list-button, .form-input-label.datalist input::-webkit-calendar-picker-indicator,
.form-input-label-2.datalist input::-webkit-list-button,
.form-input-label-2.datalist input::-webkit-calendar-picker-indicator {
  display: none;
  opacity: 0;
}
.form-input-label.datalist svg,
.form-input-label-2.datalist svg {
  position: absolute;
  top: 16px;
  right: 16px;
  transform: rotate(0deg);
  transition: 0.6s;
}
.form-input-label.datalist::after,
.form-input-label-2.datalist::after {
  border: 1px solid #000;
  border-radius: 0;
  border-right: 0;
  border-top: 0;
  content: " ";
  height: 8px;
  margin-top: -8px;
  pointer-events: none;
  position: absolute;
  top: 26px;
  right: 4px;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 8px;
}
.form-input-label.datalist .validation-error-messages,
.form-input-label-2.datalist .validation-error-messages {
  color: #B40016;
}
.form-input-label.datalist .validation-error-messages svg,
.form-input-label-2.datalist .validation-error-messages svg {
  position: relative;
  top: auto;
  right: auto;
}
.form-input-label.datalist .validation-error-messages svg path,
.form-input-label-2.datalist .validation-error-messages svg path {
  fill: #B40016;
}
.is-rtl .form-input-label.datalist::after,
.is-rtl .form-input-label-2.datalist::after {
  top: 26px;
  right: initial;
  left: 4px;
}

.ico-round {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  white-space: nowrap;
  border: 1px solid #a9a9a9;
}

.ico-round-sm {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  white-space: nowrap;
  border: 1px solid #a9a9a9;
}

.checkbox-ico {
  position: relative;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  left: auto;
  border: 1px solid #a9a9a9;
  outline: 0;
  vertical-align: top;
  margin: 0;
  border-radius: 50%;
}

.checkbox-box {
  position: absolute;
  inset: 0;
}

.checkbox-radio.checkbox-box label {
  width: 100%;
  height: 100%;
}

.checkbox-radio.checkbox-box [type=radio]:checked + label,
.checkbox-radio.checkbox-box [type=radio]:not(:checked) + label {
  padding: 16px;
}

.checkbox-radio.checkbox-box [type=radio]:checked + label span,
.checkbox-radio.checkbox-box [type=radio]:not(:checked) + label span {
  display: inline-block;
  vertical-align: top;
  margin: 5px 0 0;
  line-height: 16px;
  padding-left: 0;
  min-height: 20px;
}

.checkbox-radio.checkbox-box [type=radio]:checked + label .ico-radio,
.checkbox-radio.checkbox-box [type=radio]:not(:checked) + label .ico-radio {
  top: 6px;
  left: 6px;
}

.checkbox-radio.checkbox-box [type=radio]:checked + label::before,
.checkbox-radio.checkbox-box [type=radio]:not(:checked) + label::before {
  display: none;
}

ul.list-clear li.list-box {
  list-style: none;
  margin: 0;
  margin-top: -1px;
  left: 0;
  position: relative;
}
ul.list-clear li.list-box:last-child {
  left: -2px;
}

.list-box {
  width: 100%;
  display: table-cell;
  box-sizing: border-box;
  border: 1px solid rgb(133, 133, 133);
  transition: all 0.2s ease;
  opacity: 0.5;
  left: -1px;
}
.list-box.is-active, .list-box:hover {
  border: 1px solid #000;
  opacity: 1;
  cursor: pointer;
}
.list-box:first-child {
  left: 0;
}
.list-box::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 15%;
  min-height: 78px;
}
.list-box .checkbox-radio [type=radio]:checked + label,
.list-box .checkbox-radio [type=radio]:not(:checked) + label {
  flex-direction: row;
}
@media (min-width: 992px) {
  .list-box .checkbox-radio [type=radio]:checked + label,
  .list-box .checkbox-radio [type=radio]:not(:checked) + label {
    flex-direction: column;
  }
}
.list-box-label {
  display: flex;
  align-items: center;
  padding: 16px;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .list-box-label {
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
  }
}
.list-box .checkbox-ico {
  order: 1;
}
.list-box .checkbox-text {
  order: 2;
}
@media (min-width: 992px) {
  .list-box::before {
    width: 100%;
    padding-top: 100%;
  }
  .list-box:first-child {
    left: 0;
  }
  .list-box .checkbox-ico {
    margin: 10px;
    order: 1;
  }
  .list-box .checkbox-text {
    margin: 16px;
    order: 3;
  }
}

.multiple-table {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .multiple-table {
    flex-direction: row;
  }
}

.two-table {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.two-table .list-box {
  width: 100%;
}
.two-table .list-box::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  min-height: 78px;
}
.two-table .list-box .checkbox-radio [type=radio]:checked + label,
.two-table .list-box .checkbox-radio [type=radio]:not(:checked) + label {
  flex-direction: column;
}
.two-table .list-box-label {
  display: flex;
  align-items: center;
  padding: 16px;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}
.two-table .list-box .checkbox-text {
  margin: 16px;
}

.color-wrap {
  display: inline-block;
  padding: 0;
  position: relative;
  vertical-align: middle;
}
.color-wrap .name {
  display: inline-block;
  vertical-align: middle;
}
.color-wrap button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  width: 12px;
  height: 12px;
  left: 0;
  line-height: 12px;
  opacity: 1;
  padding: 0;
  position: relative;
  text-align: center;
  top: 0;
  vertical-align: middle;
}
.color-wrap button:hover .color-selector::before, .color-wrap button.is-active .color-selector::before {
  transform: scale(0);
}
.color-wrap button .color-selector {
  box-sizing: border-box;
  display: inline-block;
  height: 100%;
  margin: 0;
  margin-top: 0;
  position: relative;
  top: 0;
  width: 100%;
}
.color-wrap button .color-selector::before {
  border: 1px solid #a9a9a9;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  transition: all ease 275ms;
  width: 100%;
}
.color-wrap button .color-selector img,
.color-wrap button .color-selector .color-plain {
  border: 1px solid #a9a9a9;
  height: 10px;
  left: 50%;
  margin-left: -5px;
  margin-top: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
}
.color-wrap button .color-selector span {
  border: 1px solid #a9a9a9;
  height: 12px;
  left: 50%;
  margin-left: -6px;
  margin-top: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
}
.color-wrap button:hover::before,
.color-wrap button .is-active {
  transform: scale(1);
}
.color-wrap button .color-square {
  border-radius: 0;
}
.color-wrap button .color-square::before {
  border: 1px solid #a9a9a9;
  border-radius: 0;
}
.color-wrap button .color-square:hover {
  border-radius: 0;
}
.color-wrap button .color-square img,
.color-wrap button .color-square .color-plain {
  border: 1px solid #a9a9a9;
  border-radius: 0;
}
.color-wrap button .color-square span {
  border-radius: 0;
}
.color-wrap .color-more {
  display: inline-block;
  margin-left: 5px;
}
.color-wrap .color-more span {
  border-bottom: 1px dotted #737373;
}

.modalx-transparent.modalx-backdrop {
  pointer-events: none;
  background: transparent;
}
.modalx-transparent.modalx-backdrop .modalx {
  pointer-events: none;
}
.modalx-transparent.modalx-backdrop .modalx-content {
  border: 1px solid #a9a9a9;
}

.modalx-xxs {
  max-width: 320px;
}
@media (min-width: 768px) {
  .modalx-xxs {
    max-width: 445px;
  }
}

.modalx-xs {
  max-width: 295px;
}

.modalx-sm {
  max-width: 445px;
}

.modalx-md {
  max-width: 595px;
}

.modalx-lg {
  max-width: 899px;
}

.modalx-xl {
  max-width: 950px;
}

.modalx-0 {
  padding: 0;
}
.modalx-0 .modalx-body {
  overflow: hidden;
}

.modalx-16 .modalx-body {
  padding: 48px 16px 16px;
}
@media (min-width: 768px) {
  .modalx-16 .modalx-body {
    padding-top: 64px;
  }
}

.modalx-16-16 .modalx-body {
  padding: 16px;
}

.modalx-24 .modalx-body {
  padding: 48px 16px 16px;
}
@media (min-width: 768px) {
  .modalx-24 .modalx-body {
    padding: 64px 24px 24px;
  }
}

.modalx-32 .modalx-body {
  padding: 48px 16px 16px;
}
@media (min-width: 768px) {
  .modalx-32 .modalx-body {
    padding: 64px 32px 32px;
  }
}

.modalx-40 .modalx-body {
  padding: 40px 16px 16px;
}
@media (min-width: 768px) {
  .modalx-40 .modalx-body {
    padding: 40px;
  }
}

.modalx-0-24 .modalx-body {
  padding: 0;
}
@media (min-width: 768px) {
  .modalx-0-24 .modalx-body {
    padding: 64px 24px 24px;
  }
}

@media (max-width: 767px) {
  .modalx-fullmobile {
    margin: 0 !important;
    max-width: initial;
    width: 100%;
  }
  .modalx-fullmobile app-shared-ui-modal {
    min-height: auto;
    margin: 0;
  }
  .modalx-fullmobile .modalx-body {
    margin: 0;
    max-width: 100vw;
    min-height: 100vh;
  }
}

@media (max-width: 767px) {
  .modalx-fullviewport {
    margin: 0;
    max-width: initial;
  }
}

.modalx-centered {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}
@media (min-width: 768px) {
  .modalx-centered {
    min-height: calc(100% - 3.5rem);
  }
}

.toast {
  display: flex;
  justify-content: space-between;
  background-color: black;
  bottom: 0;
  color: #fff;
  left: 0;
  position: fixed;
  right: 0;
  transform: translateY(100%);
  width: 100%;
  z-index: 3000;
  transition: all 0.3s ease;
  padding: 12px 20px;
  gap: 20px;
}
@media (min-width: 768px) {
  .toast {
    transform: translate(-50%, 200%);
    bottom: 32px;
    left: 50%;
    max-width: 375px;
  }
}
.toast.appear {
  transform: translateY(0);
}
@media (min-width: 768px) {
  .toast.appear {
    transform: translate(-50%, 0);
  }
}

.bottom-sheet::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 1px;
  background-color: var(--c-primary);
  top: -7px;
  left: 50%;
  transform: translateX(-50%);
}
.bottom-sheet .clean-botton {
  border-width: var(--line-width) 0 0 0;
}
.bottom-sheet .border-clean-l {
  border-width: var(--line-width) var(--line-width) var(--line-width) 0;
}
.bottom-sheet .border-clean-r {
  border: solid #000;
  border-width: var(--line-width) 0 var(--line-width) 0;
}
.bottom-sheet .bs-group-colors {
  padding-top: 10px;
  height: 40px;
  padding-right: 20px;
  padding-left: 16px;
}
.bottom-sheet .bs-custom-btn {
  border-width: 0 0 var(--line-width) 0;
}

.stepper {
  align-items: center;
  border: var(--line-width) solid #000;
  display: flex;
  height: 32px;
  width: 94px;
}

.stepper-btn {
  position: relative;
  align-items: center;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  font-size: 18px;
  height: 32px;
  justify-content: center;
  width: 32px;
}
.stepper-btn.disabled {
  pointer-events: none;
  opacity: 0.25;
}
.stepper-btn:hover {
  opacity: 0.6;
}

.stepper-btn:active {
  background-color: #ddd;
}

.stepper-input {
  border: none;
  height: 30px;
  outline: none;
  text-align: center;
  width: 28px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.drawer-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: opacity 0.3s ease-in-out;
  width: 100%;
  z-index: 2000;
}

.drawer {
  background-clip: padding-box;
  background-color: white;
  bottom: 0;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  outline: 0;
  position: fixed;
  right: 0;
  top: 0;
  transform: translateX(100%);
  z-index: 2050;
}

.drawer-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 16px 20px;
}
@media (min-width: 768px) {
  .drawer-header {
    padding: 24px 40px;
  }
}

.drawer-body {
  flex-grow: 1;
  overflow-y: auto;
  padding: 24px 32px;
}
@media (min-width: 768px) {
  .drawer-body {
    padding: 24px 40px;
  }
}

.drawer-footer {
  align-items: center;
  display: flex;
}

.drawer-sm {
  max-width: 424px;
  right: 0;
  top: 0;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  width: 100%;
}

.drawer-xl {
  max-width: 720px;
  right: 0;
  top: 0;
  transform: translateX(100%);
  transition: transform 0.5s ease-in-out;
  width: 100%;
}

body.open-drawer .drawer, body.body-sidebar-open .drawer {
  transform: translateX(0);
}
body.open-drawer .drawer-overlay, body.body-sidebar-open .drawer-overlay {
  opacity: 1;
  pointer-events: auto;
}

.md-link button {
  align-items: center;
  display: flex;
  gap: 8px;
  height: 40px;
  justify-content: space-between;
  padding: 0;
}

.md-link.line-top button {
  border-top: var(--line-width) solid #000;
}

.md-link.line-bottom button {
  border-bottom: var(--line-width) solid #000;
}

.has-light .btn {
  background-color: transparent;
  color: #fff;
}
.has-light .btn:hover, .has-light .btn:focus, .has-light .btn:visited, .has-light .btn:active {
  background-color: transparent;
  border-top-color: transparent;
}
.has-light .md-link-icon-container svg path,
.has-light .md-link-icon-container svg circle {
  stroke: #fff;
}
.has-light .md-link.line-top button {
  border-top: var(--line-width) solid #fff;
}
.has-light .md-link.line-bottom button {
  border-bottom: var(--line-width) solid #fff;
}

.has-icon-pre .md-link > button .md-link-icon-container {
  align-items: center;
  display: flex;
  gap: 8px;
}

.md-toggle {
  display: grid;
  list-style: none;
}

.md-toggle .md-toggle-button,
.md-toggle .btn-link {
  align-items: center;
  display: flex;
  gap: 8px;
  height: 40px;
  justify-content: space-between;
}

.md-toggle-panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease;
}

.md-toggle-inner {
  overflow: hidden;
}

.md-toggle-lines {
  border-top: 1px solid black;
}
.md-toggle-lines .md-toggle-inner .btn-link, .md-toggle-lines.md-toggle-item .btn-link {
  border-bottom: 1px solid black;
}

.is-active.md-toggle-item .md-toggle-panel {
  grid-template-rows: 1fr;
}

.has-light .md-toggle .md-toggle-button {
  background-color: transparent;
  color: #fff;
}
.has-light .md-toggle .md-toggle-lines {
  border-top: 1px solid white;
}
.has-light .md-toggle .md-toggle-lines .md-toggle-inner .btn-link, .has-light .md-toggle .md-toggle-lines.md-toggle-item.md-toggle-lines .btn-link {
  border-bottom: 1px solid white;
}

.has-icon-pre .md-toggle-header .md-toggle-button .md-toggle-icon-container,
.has-icon-post .md-toggle-header .md-toggle-button .md-toggle-icon-container {
  align-items: center;
  display: flex;
  gap: 8px;
}
.has-icon-pre .has-light .md-toggle-icon-container svg path,
.has-icon-pre .has-light .md-toggle-icon-container svg circle,
.has-icon-post .has-light .md-toggle-icon-container svg path,
.has-icon-post .has-light .md-toggle-icon-container svg circle {
  stroke: white;
}

.md-accordion {
  display: grid;
  list-style: none;
}

.md-accordion .md-accordion-button,
.md-accordion .btn-link {
  align-items: center;
  display: flex;
  gap: 8px;
  height: 40px;
  justify-content: space-between;
}

.md-accordion-panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease;
}

.md-accordion-content {
  overflow: hidden;
}

.has-lines {
  border-top: 1px solid #000;
}

.has-lines:last-child {
  border-bottom: 1px solid #000;
}

.is-active.md-accordion-item .md-accordion-panel {
  grid-template-rows: 1fr;
}

.has-light .md-accordion .md-accordion-button {
  background-color: transparent;
  color: #fff;
}
.has-light .md-accordion .has-lines {
  border-top: 1px solid white;
}
.has-light .md-accordion .has-lines .md-accordion-content .btn-link, .has-light .md-accordion .has-lines.md-accordion-item.has-lines .btn-link {
  border-bottom: 1px solid white;
}

.has-icon-pre .md-accordion-header .md-accordion-button .md-accordion-icon-container,
.has-icon-post .md-accordion-header .md-accordion-button .md-accordion-icon-container {
  align-items: center;
  display: flex;
  gap: 8px;
}
.has-icon-pre .has-light .md-accordion-icon-container svg path,
.has-icon-pre .has-light .md-accordion-icon-container svg circle,
.has-icon-post .has-light .md-accordion-icon-container svg path,
.has-icon-post .has-light .md-accordion-icon-container svg circle {
  stroke: white;
}

.md-skip-to-content {
  left: 16px;
  margin-top: -120px;
  position: absolute;
  top: 8px;
  transition: margin 0.2s ease-in-out;
  z-index: 10000;
}
.md-skip-to-content:focus {
  margin-top: 0;
}
.md-skip-to-content:focus.btn-primary {
  background-color: #000;
  border-color: #000;
}

.row1-wrap {
  overflow: hidden;
}

.row1 {
  display: flex;
  flex-flow: row wrap;
  flex-shrink: 0;
  flex-grow: 1;
  margin-left: -4px;
  margin-right: -4px;
}
@media (min-width: 1280px) {
  .row1 {
    margin-left: -8px;
    margin-right: -8px;
  }
}
.row1 .box-single {
  display: block;
  content: "";
  width: 100%;
  padding-top: 133.25%;
}
.row1 .box-single,
.row1 .box-single-center,
.row1 .box-double,
.row1 .box-super {
  box-sizing: border-box;
  display: block;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0 4px;
}
@media (min-width: 1280px) {
  .row1 .box-single,
  .row1 .box-single-center,
  .row1 .box-double,
  .row1 .box-super {
    padding: 0 8px;
  }
}
.row1 .box-single,
.row1 .box-single-center {
  flex-basis: calc(50% - 1em);
  max-width: 50%;
}
.row1 .box-super {
  flex-grow: 1;
  flex-basis: calc(100% - 1em);
}
@media (min-width: 1280px) {
  .row1 .box-single {
    flex-basis: calc(50% - 1em);
    max-width: 50%;
  }
  .row1 .box-single-center {
    justify-content: center;
    display: flex;
    flex-basis: calc(100% - 1em);
    max-width: 100%;
  }
  .row1 .box-single-center .card9-wrap {
    flex-basis: calc(50% - 1em);
    max-width: 50%;
  }
  .row1 .box-double,
  .row1 .box-super {
    flex-basis: calc(100% - 1em);
    max-width: 100%;
  }
  .row1 .box-double .card9-contents,
  .row1 .box-super .card9-contents {
    text-align: center;
  }
}
.explorer .row1 .box-single {
  flex-basis: calc(50% - 1em);
  max-width: 50%;
}
.explorer .row1 .box-double {
  flex-basis: calc(100% - 1em);
  max-width: 100%;
}

@media (min-width: 1280px) {
  .expanded .row1 .box-single,
  .expanded .row1 .box-single-center,
  .expanded .row1 .box-double,
  .expanded .row1 .box-super {
    flex-basis: calc(25% - 1em);
    max-width: 25%;
  }
}

.card {
  width: 100%;
}

.text-box .text-box-img {
  display: inline-block;
  width: 72px;
  height: 72px;
  margin: 5px 8px 0 0;
  vertical-align: top;
  box-sizing: border-box;
}
.text-box .text-box-inner {
  box-sizing: border-box;
  width: calc(100% - 80px - 5px);
  display: inline-block;
}

.card9 {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.card9 .color-wrap {
  position: relative;
  padding: 0;
}
.card9 .card9-image {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.card9 .card9-add {
  z-index: 1000;
  position: absolute;
  background: rgb(255, 255, 255);
  padding: 16px;
  bottom: 16px;
  left: 16px;
  right: 16px;
  transition: opacity 275ms ease;
  opacity: 0;
}
@media (max-width: 1280px) {
  .card9 .card9-add {
    display: none;
  }
}
.card9 .card9-sizes {
  padding: 0;
  display: inline-flex;
}
.card9 .card9-sizes:last-child {
  border-right: 1px solid #a9a9a9;
}
.card9 .card9-sizes button {
  font-family: arial, sans-serif;
  font-weight: 500;
  border: none;
  background-color: #fff;
  border-top: 1px solid #a9a9a9;
  border-bottom: 1px solid #a9a9a9;
  border-left: 1px solid #a9a9a9;
  border-right: none;
  padding: 10px 0;
  min-width: 48px;
  display: inline-block;
  appearance: initial;
}
.card9 .card9-sizes button:hover {
  background-color: #000;
  color: #fff;
  cursor: pointer;
}
.card9 .card9-wrap-details {
  min-height: 100px;
  position: absolute;
  left: 0;
  z-index: 3;
  width: 100%;
}
.card9 .card9-wrap-details * {
  line-height: 1;
}
@media (min-width: 992px) {
  .card9 .card9-wrap-details {
    padding: 0;
    min-height: 100px;
  }
}
.card9 .card9-video {
  position: absolute;
  z-index: 2;
  width: 100%;
  left: 0;
  height: 100%;
  top: 0;
  opacity: 1;
  transition: opacity 0.25s ease;
}
.card9 .js-card9-inner {
  margin-bottom: 0;
}
.card9 .js-card9-inner .content {
  background: #a9a9a9;
}
.card9 .card9-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
  transition: all 0.3s ease;
  opacity: 0;
}
.card9 .card9-slider .ma-swiper-button-next,
.card9 .card9-slider .ma-swiper-button-prev {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  height: 30px;
  width: 30px;
  position: absolute;
  top: calc(50% - 80px);
  z-index: 3000;
  text-align: center;
  opacity: 0;
  transition-delay: 0s;
  transition: all 0.3s ease;
}
.card9 .card9-slider .ma-swiper-button-next {
  padding: 7px 4px 4px 7px;
  right: 16px;
}
.card9 .card9-slider .ma-swiper-button-next:hover {
  transition-delay: 0s;
  background: rgba(255, 255, 255, 0.5);
}
.card9 .card9-slider .ma-swiper-button-prev {
  padding: 7px 7px 4px 4px;
  left: 16px;
}
.card9 .card9-slider .ma-swiper-button-prev:hover {
  transition-delay: 0s;
  background: rgba(255, 255, 255, 0.5);
}

.card9-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: all 1s ease;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.card9-wrap .rat-content .card9-add {
  background-color: rgba(255, 255, 255, 0);
}
.card9-wrap .rat-content .btn-group {
  display: flex;
  flex-wrap: wrap;
}
.card9-wrap .rat-content:hover .card9-add {
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 1;
}

#lookbook .card9-add {
  left: 0;
  width: 100%;
}
.is-active .card9-add {
  opacity: 1;
}

.card9-link .img-poster {
  cursor: pointer;
  object-fit: contain;
  height: 100%;
}
.card9-link .img-poster img {
  object-fit: contain;
  height: 100%;
  user-select: none;
}

.card9-bottom {
  display: flex;
  flex-direction: column;
}
.card9-bottom .card9-wrap-details {
  position: relative;
}
.card9-bottom .js-card9-inner {
  margin-bottom: 0;
  width: 50%;
}

@media (max-width: 767px) {
  .card9-left .card9-wrap {
    margin-left: 0;
  }
  .card9-left .card9-wrap-details {
    margin-left: 0;
  }
}
.card9-left .card9 {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.card9-left .card9-view-details {
  width: 50%;
}
.card9-left .card9-wrap-details {
  position: relative;
  margin-left: 8px;
}
.card9-left .js-card9-inner {
  width: 50%;
  margin-bottom: 0;
}

.card9-right .card9-wrap {
  margin-right: 33%;
}
.card9-right .card9 {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
}
.card9-right .card9-view-details {
  width: 50%;
}
.card9-right .card9-wrap-details {
  text-align: right;
  position: relative;
  padding-right: 8px;
}
.card9-right .js-card9-inner {
  width: 50%;
  margin-bottom: 0;
}

.product-tag {
  font-family: arial, sans-serif;
  font-weight: 500;
  color: #737373;
  letter-spacing: 0;
  line-height: 1;
}

.grid-swiper-wrap {
  cursor: grab;
  overflow: hidden;
  margin-left: 0;
  margin-right: 0;
}
.grid-swiper-wrap .card9-view-details {
  position: relative;
}
.grid-swiper-wrap .card9-wrap-details {
  position: relative;
}
.grid-swiper-wrap .rat-3-4::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 133.3333%;
}
@media (min-width: 768px) {
  .grid-swiper-wrap {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 1280px) {
  .grid-swiper-wrap {
    margin-left: 0;
    margin-right: 0;
  }
}

.template-Carrusel .swiper-slide:first-child .card9-contents {
  padding-left: 16px;
}

a:hover.card9-link {
  opacity: 1;
}

div.card9-wrap .rat-content:hover .card9-add {
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 1;
}

.card9-contents {
  padding-top: 8px;
  padding-bottom: 8px;
}
.card9-contents .product-view-info {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.card9-contents .tag-wrapper {
  width: 100%;
}

.box3 {
  position: relative;
  width: 100%;
  min-height: 58px;
  box-sizing: border-box;
  display: flex;
}
.box3 .box3-middle {
  width: 100px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}
.box3 .box3-price {
  display: flex;
  flex-direction: column;
  min-width: 60px;
}
.box3 .box3-price img {
  max-width: 60px;
}
.box3 .box3-right {
  display: flex;
  flex-direction: column;
  min-width: 60px;
}
.box3 .box3-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-content: flex-start;
  word-break: break-word;
}
.box3 .box3-img {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
}
.box3 .box3-top {
  padding-top: 2px;
  padding-left: 16px;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  align-content: flex-end;
  justify-content: flex-start;
}
.box3:hover {
  cursor: pointer;
}

.box4 {
  position: relative;
  display: flex;
}
.box4 ul {
  margin-left: 16px;
  margin-top: 4px;
}
.box4::before {
  width: 2px;
  height: calc(100% - 48px);
  content: "";
  position: absolute;
  background-color: #737373;
  top: 44px;
  left: 20px;
}

@media (max-width: 767px) {
  .header-account-logo {
    display: none;
  }
}
.header-account-head {
  position: relative;
  height: 56px;
  padding: 0 16px;
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  background-color: #fff;
  z-index: 1002;
  border-bottom: var(--line-width) solid #737373;
}
@media (min-width: 768px) {
  .header-account-head {
    height: 72px;
    padding: 0 16px;
  }
}

.header-account-first {
  position: relative;
  min-width: 120px;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  height: 100%;
}

.header-account-cart {
  min-width: 120px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-end;
}
.header-account-cart svg {
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.header-account-back {
  transition: all cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  cursor: pointer;
}

.header-account-count {
  display: flex;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-100px);
  align-items: flex-end;
  transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.header-cart {
  position: fixed;
  z-index: 50;
  width: unset;
  height: calc(100vh - 56px);
  max-height: 800px;
  top: 0;
  opacity: 0;
  transform: translateY(-100px);
  left: 0;
  padding: 24px;
  transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
  pointer-events: none;
}
.header-cart::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.header-cart::-webkit-scrollbar-track {
  background: rgba(188, 188, 188, 0.1);
}
.header-cart::-webkit-scrollbar-thumb {
  background: rgba(41, 41, 41, 0.5);
  border-radius: 50px;
  height: 20%;
}
@media (min-width: 768px) {
  .header-cart {
    transform: translateY(-100px);
    display: none;
  }
}

.header-cart-resume {
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  border-bottom: var(--line-width) solid #000;
}

.header-cart-list {
  width: unset;
  height: calc(100% - 180px);
}

.is-cart .header-account-cart svg {
  transform: rotate(180deg);
}
.is-cart .header-account-back {
  transform: translateY(100px);
}
.is-cart .header-account-count {
  transform: translateY(-50%);
}
.is-cart .header-cart {
  pointer-events: all;
  opacity: 1;
  transform: translateY(56px);
}
@media (min-width: 768px) {
  .is-cart .header-cart {
    transform: translateY(72px);
  }
}

.hg-bread {
  background-color: #fff;
  padding: 0;
  border-bottom: var(--line-width) solid #737373;
}
.hg-bread .hg-bread-inner {
  display: table;
  text-align: center;
  margin: 0 auto;
  max-width: 420px;
  width: 100%;
}
.hg-bread .hg-bread-item {
  display: inline-table;
  margin-bottom: -1px;
  vertical-align: middle;
  text-align: center;
  padding: 12px 0;
  width: 33.3333%;
  text-transform: uppercase;
}
.hg-bread .hg-bread-num {
  text-align: center;
  line-height: 1;
  overflow: hidden;
  margin: 0 auto 10px;
}
.hg-bread .hg-bread-line {
  display: inline-table;
  vertical-align: middle;
}
.hg-bread .hg-bread-line div {
  width: 42px;
  height: 1px;
  background-color: #000;
}
.hg-bread .hg-bread-title {
  line-height: 1;
}
.hg-bread .is-inactive {
  opacity: 0.4;
}

.mn-mainmenu {
  width: 100%;
  max-width: 100%;
  height: 100vh;
  z-index: 2000;
  position: relative;
  overflow: auto;
  padding-bottom: 150px;
}
@media (min-width: 768px) {
  .mn-mainmenu {
    max-width: 400px;
    padding-bottom: 0;
  }
}
.mn-mainmenu .mn-mainbar .tabs ul {
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .mn-mainmenu .mn-mainbar .tabs ul {
    justify-content: flex-start;
  }
}
.mn-mainmenu .mn-list-item {
  display: flex;
  padding: 16px 80px;
  justify-content: space-between;
  align-items: center;
}
.mn-mainmenu .list-check li a {
  position: relative;
  list-style: none;
  line-height: 1;
}
.mn-mainmenu .list-check li.is-active > a::before {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  margin-left: -10px;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background-color: #000;
}
.has-light .mn-mainmenu .list-check li.is-active a::before {
  content: "";
  background-color: #fff;
}
.mn-mainmenu .mn-wrap-overlay {
  position: fixed;
  background-color: #000;
  inset: 0;
  z-index: 1000;
}
.mn-mainmenu .mn-footer {
  position: fixed;
  width: 100%;
  z-index: 3000;
  bottom: 0;
  background-color: white;
}
.mn-mainmenu .mn-search-zone {
  display: grid;
}
.mn-mainmenu .mn-mainbar-cesta {
  padding: 10px;
  text-align: right;
}

.nativescroll {
  width: 100%;
  padding: 0;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.nativescroll .inner-nativescroll {
  position: relative;
  display: inline-flex;
}
.nativescroll .inner-nativescroll div {
  background: #ccc;
  width: 22vw;
}
@media (min-width: 992px) {
  .nativescroll .inner-nativescroll div {
    width: 15vw;
  }
}
@media (min-width: 1280px) {
  .nativescroll .inner-nativescroll div {
    width: 10vw;
  }
}

.btn--macro {
  height: initial;
  width: 100%;
  border-bottom: var(--line-width) solid #000;
}
.btn--macro.btn:hover {
  opacity: 0.6;
}

.stories-list {
  padding: 16px 0;
  border-bottom: var(--line-width) solid #000;
  display: flex;
}
.stories-list:last-child {
  border-bottom: var(--line-width) solid transparent;
}
.stories-list .stories-item-1 {
  width: 10%;
  min-width: 40px;
}
.stories-list .stories-item-2 {
  width: 80%;
  gap: 16px;
}
.stories-list .stories-item-2 div {
  margin-bottom: 8px;
}
.stories-list .stories-item-2 :last-child {
  margin-bottom: 0;
}
.stories-list .stories-item-3 {
  width: 10%;
  gap: 16px;
}
@media (min-width: 1280px) {
  .stories-list {
    padding: 16px;
    border-bottom: var(--line-width) solid #000;
  }
  .stories-list:last-child {
    border-bottom: var(--line-width) solid #000;
  }
  .stories-list .stories-item-1 {
    width: 10%;
  }
  .stories-list .stories-item-2 {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    column-gap: 16px;
    width: 80%;
  }
  .stories-list .stories-item-2 div {
    margin-bottom: 0;
  }
  .stories-list .stories-item-3 {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 16px;
    width: 10%;
  }
}

.stories-grid .grid-12 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 8px;
  max-width: 100%;
}
@media (min-width: 992px) {
  .stories-grid .grid-12 {
    grid-template-columns: repeat(8, 1fr);
    column-gap: 16px;
  }
}
@media (min-width: 1280px) {
  .stories-grid .grid-12 {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 16px;
  }
}
.stories-grid .grid-8 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 8px;
  max-width: 100%;
}
@media (min-width: 992px) {
  .stories-grid .grid-8 {
    grid-template-columns: repeat(6, 1fr);
    column-gap: 16px;
  }
}
@media (min-width: 1280px) {
  .stories-grid .grid-8 {
    grid-template-columns: repeat(8, 1fr);
    column-gap: 16px;
  }
}
.stories-grid .grid-4 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 16px;
  max-width: 100%;
}
@media (min-width: 992px) {
  .stories-grid .grid-4 {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 16px;
  }
}
@media (min-width: 1280px) {
  .stories-grid .grid-4 {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 16px;
  }
}

.stories-zoom {
  position: fixed;
  right: 16px;
  bottom: 16px;
  display: inline-flex;
  padding: 24px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  border-radius: 56px;
  background: #000;
}

.header-new {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  height: 50px;
  transition: all ease 0.3s;
  display: flex;
  align-items: center;
  font-size: 12px;
  mix-blend-mode: difference;
  background-blend-mode: difference;
}
@media (min-width: 992px) {
  .header-new {
    padding-bottom: 0;
    height: 60px;
  }
}
.header-new ul.list-clear li {
  margin: 0;
}
.header-new .interior svg path {
  fill: #212121;
}
.header-new .logo {
  width: 100%;
  max-width: 90px;
}
.header-new .logo svg {
  width: 100%;
}
@media (min-width: 992px) {
  .header-new .logo {
    width: 100%;
    max-width: 180px;
  }
}
.header-new .menu-mobile {
  display: block;
}
@media (min-width: 1280px) {
  .header-new .menu-mobile {
    display: none;
  }
}
.header-new .menu-desktop {
  display: none;
  white-space: nowrap;
}
@media (min-width: 1280px) {
  .header-new .menu-desktop {
    display: flex;
  }
}
.header-new .search-bar {
  position: relative;
}
.header-new .search-bar::after {
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  background-color: #fff;
  width: 100%;
  max-width: 250px;
  height: var(--line-width);
}

/*# sourceMappingURL=style-rtl.css.map */