/* Reset */
body {
  font: 400 14px/1.5 var(--font-main);
  color: var(--clr-static);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.5;
  padding: 0;
  margin: 0;
}

a,
input,
textarea,
button {
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
}

a,
a:hover {
  color: inherit;
  text-decoration: none;
  transition: all .3s ease-out;
}

p,
address,
figure {
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border-style: none;
  line-height: 1;
  object-fit: cover;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.ckeditor a {
  color: -webkit-link;
  text-decoration: underline;
}

.ckeditor img {
  height: auto !important;
}

.ckeditor p {
  margin-bottom: 1rem;
}

.a2a_kit .a2a_svg {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.form-control,
.form-control-plaintext:not(textarea),
.custom-select {
  height: calc(1em + 1.25rem + 8px);
}

.quote-hidden:before,
.quote-hidden:after {
  content: unset;
}

.figcaption-hidden {
  overflow: hidden;
  width: 0;
  height: 0;
}

.hidden-seoh {
  overflow: hidden;
  visibility: hidden;
  height: 0;
  margin: 0;
}

.hidden {
  display: none;
}

/* Main */
.body-container {
  position: relative;
  background: var(--bg-static);
}

.main-content {
  max-width: 100%;
  padding: 0px;
  margin: 0 auto;
}

.wrap-home {
  max-width: 100%;
  padding: 0;
}

.wrapper-content {
  --w: 1300px;
  width: min(100% - 20px, var(--w));
  margin: 0 auto;
}

.rps-xl--visible[class*='rps-xl'][class*='--visible'],
.rps-lg--visible[class*='rps-lg'][class*='--visible'],
.rps-md--visible[class*='rps-md'][class*='--visible'],
.rps-sm--visible[class*='rps-sm'][class*='--visible'] {
  display: none !important;
}

.rps-xl--hidden[class*='rps-xl'][class*='--hidden'],
.rps-lg--hidden[class*='rps-lg'][class*='--hidden'],
.rps-md--hidden[class*='rps-md'][class*='--hidden'],
.rps-sm--hidden[class*='rps-sm'][class*='--hidden'] {
  display: block !important;
}

/* Space */
[class*='-10'] {
  --spacing: 10px;
}

[class*='-20'] {
  --spacing: 20px;
}

[class*='-30'] {
  --spacing: 30px;
}

[class*='-40'] {
  --spacing: 40px;
}

[class*='-50'] {
  --spacing: 50px;
}

[class*='-60'] {
  --spacing: 60px;
}

[class*='-70'] {
  --spacing: 70px;
}

[class*='-80'] {
  --spacing: 80px;
}

.mgt-30 {
  margin-top: var(--spacing);
}

.mgt-40 {
  margin-top: var(--spacing);
}

.mgt-50 {
  margin-top: var(--spacing);
}

.mgt-60 {
  margin-top: var(--spacing);
}

.mgt-70 {
  margin-top: var(--spacing);
}

.mgt-80 {
  margin-top: var(--spacing);
}

.pd-30 {
  padding: var(--spacing) 0;
}

.pd-40 {
  padding: var(--spacing) 0;
}

.pd-50 {
  padding: var(--spacing) 0;
}

.pd-60 {
  padding: var(--spacing) 0;
}

.pd-70 {
  padding: var(--spacing) 0;
}

.pd-80 {
  padding: var(--spacing) 0;
}

.pdb-50 {
  padding-bottom: var(--spacing);
}

.gap-10 {
  gap: var(--spacing);
}

.gap-20 {
  gap: var(--spacing);
}

.gap-30 {
  gap: var(--spacing);
}

/* Grid Box */
.grid-container {
  display: grid;
  grid-template-columns: repeat(var(--grid-items, 4), 1fr);
  grid-template-rows: auto;
  grid-gap: var(--grid-column, var(--grid-gap, 20px)) var(--grid-row, var(--grid-gap, 20px));
}

.grid-product {
  --grid-items: 3;
  --grid-column: 25px;
  --grid-row: 10px;
}

[class *='-template'] .grid-product {
  --grid-items: 4;
}

.grid-news {
  --grid-items: 2;
  --grid-column: 16px;
  --grid-row: 16px;
}

/* Text Truncate */
.text-split {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--line-clamp, 3);
}

.text-split.fixed-height {
  height: calc(var(--line-clamp, 3) * var(--line-height, 1.5em));
  line-height: var(--line-height, 1.5em);
}

.text-split-1 {
  --line-clamp: 1;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--line-clamp);
}

.text-split-2 {
  --line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--line-clamp);
}

/* Transition All */
.transition {
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

/* swipper */
.swiper-slide .item figure>img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mc-swiper-pd {
  padding: 1px;
}

.swiper-button-prev,
.swiper-button-next {
  --swiper-navigation-size: 40px;
  --swiper-navigation-color: #fff;
  --swiper-background-color: var(--clr-main);
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  background: var(--swiper-background-color);
  border-radius: 50%;
  transition: .5s ease-out;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  --swiper-navigation-size: 18px;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  --swiper-background-color: var(--clr-hover);
}

.swiper-thumb-pro .swiper-button-prev,
.swiper-thumb-pro .swiper-button-next {
  --swiper-navigation-size: 30px;
}

.swiper-thumb-pro .swiper-button-next:after,
.swiper-thumb-pro .swiper-button-prev:after {
  --swiper-navigation-size: 18px;
}

/* bootstrap custom */
.form-check-input {
  margin-top: 1em;
}