.ajax-processing:before {
  content: "";
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  position: absolute;
  display: inline-block;
  border: 0.25rem solid var(--color-white_b);
  border-bottom-color: var(--color-main);
  animation: loader_rotation 1s linear infinite;
}

.ajax-processing {
  position: relative;
  pointer-events: none;
}

.ajax-processing > * {
  opacity: 0.5;
}

.sticky_notification {
  position: fixed;
  text-align: center;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 1rem;
  padding: 0.5em;
  color: #fff;
  z-index: 9999;
}

.sticky_notification:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  animation: notification-line 5s ease;
  background-color: #f1f1f1;
}

.sticky_notification.information {
  background-color: #1446c4;
}

.sticky_notification.warning {
  background-color: #e2992b;
}

.sticky_notification.success {
  background-color: #2be253;
}

.sticky_notification.error {
  background-color: #e23a2b;
}

.material-symbols-outlined {
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}
.material-symbols-outlined.thin {
  font-variation-settings:
    "FILL" 0,
    "wght" 200,
    "GRAD" 0,
    "opsz" 24;
}
.material-symbols-outlined.bold {
  font-variation-settings:
    "FILL" 1,
    "wght" 600,
    "GRAD" 0,
    "opsz" 36;
}
a .material-symbols-outlined,
li .material-symbols-outlined,
.running-text .material-symbols-outlined {
  top: 0.25em;
  position: relative;
  line-height: 0;
}

.icon {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  background-size: 100%;
  background-repeat: no-repeat;
}
.icon.usa {
  background-image: url("/img/theme/svg/usa.svg");
  width: 1.5em !important;
  height: 1.5em !important;
}

.icon-rotated {
  transition: transform 0.3s ease;
}
.active .icon-rotated {
  transform: rotate(180deg);
}

:root {
  --color-main: #0060a2;
  --color-main_l: #f2f8fd;
  --color-main_d: #24364a;

  --color-main2: #ffd28d;
  --color-main2_d: #ff7e08;

  --color-black: #111;
  --color-black_d: #000;
  --color-black_l: #555;
  --color-white: #fff;
  --color-white_d: #f7f7f7;
  --color-white_b: #bbb;
  --color-gray: #e3e3e3;
  --color-gray2: #757575;
  --color-gray_d: #e5e5e5;
  --color-gray_l: #ddd;
  --color-yellow: #f4d23d;
  --color-yellow-l: #ffffcc;
  --color-red: #b30000;
  --color-red_d: #8e0000;
  --color-red_l: #df8080;
  --color-blue_d: #003366;

  --color-green: #326506;
  --color-green_d: #32710a;
}

::-moz-selection {
  /* Code for Firefox */
  color: var(--color-white);
  background: var(--color-black);
}

::selection {
  color: var(--color-white);
  background: var(--color-black);
}

html {
  opacity: 1 !important;
  color: var(--color-black);
  background-color: var(--color-white);
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}

.container-fluid:not(.default) {
  max-width: 1400px;
}

img {
  width: 100%;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

section,
footer {
  padding: 3.5rem 0;
  position: relative;
}
footer {
  margin: 0;
  margin-top: 1rem;
  padding-bottom: 2rem;
}

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

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: 0;
}

label[for] {
  cursor: pointer;
}

address {
  font-style: normal;
}

strong,
.bold {
  font-weight: bold !important;
}

.italic {
  font-style: italic !important;
}

button,
input[type="button"] {
  border: 0;
  color: inherit;
  cursor: pointer;
  background: none;
  font-weight: inherit;
}

.thin {
  font-weight: 100;
}

.regular {
  font-weight: 400;
}

.medium {
  font-weight: 500 !important;
}

p {
  margin: 0;
}

a,
i {
  color: inherit;
  text-decoration: none;
  transition: 0.3s;
  cursor: pointer;
}
a[href]:hover{
  text-decoration: underline;
}
ol {
  margin: 0;
  padding-left: 1.5em;
}

ul {
  padding: 0;
  margin: 0;
}

ul li {
  list-style-type: none;
}

figure {
  margin: 0;
}

figcaption {
  text-align: center;
  font-style: italic;
}

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

*::-webkit-scrollbar {
  width: 0.7em;
  height: 0.2em;
  border-radius: 5em;
}

*::-webkit-scrollbar-track {
  background-color: #ccc;
}

*::-webkit-scrollbar-thumb {
  background-color: #191919;
  border-radius: 5em;
}

*:hover::-webkit-scrollbar-thumb {
  background-color: #191919;
}

header {
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
}

.text-content .text {
  width: 70%;
}

.text-content .text-hidden:after {
  content: "";
  box-shadow: inset 0px -4rem 40px 0px var(--color-white);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}

.text-content .text-hidden {
  height: 8rem;
  overflow: hidden;
  position: relative;
}

.text-content h2,
.text-content h3,
.text-content h4,
.text-content h5,
.text-content h6 {
  font-size: inherit !important;
  font-weight: 500;
  color: var(--color-black);
  margin: 0.75rem 0;
}

.text-content ol,
.text-content ul {
  padding-left: 1rem;
  padding-left: 1rem;
}

.text-content ol li,
.text-content ul li {
  font-size: 0.9em;
  list-style-type: auto;
}
.section__bg {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: var(--color-white_d);
  top: 0;
  max-width: calc(100% - 30px);
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 1rem;
}
.section__bg.half-screen {
  z-index: 1;
  width: 45vw;
  max-width: calc(50vw - 10px);
  border-radius: 0 1rem 1rem 0;
  height: 100%;
  left: 0;
  transform: none;
  box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.05);
}
.section__bg.half {
  z-index: 1;
  width: 50vw;
  max-width: calc(50vw - 10px);
  border-radius: 0 1rem 1rem 0;
  height: 100%;
  left: 0;
  transform: none;
  box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.05);
  background-size: cover;
}

.bg-dots {
  background-repeat: repeat;
  background-image: url("/img/theme/background-dots.jpg");
}

.bg-white {
  background-color: var(--color-white);
}
.bg-main_l {
  background-color: var(--color-main_l) !important;
}
.bg-main_d {
  background-color: var(--color-main_d) !important;
}
.bg-main2 {
  background-color: var(--color-main2) !important;
}
.bg-black {
  background-color: var(--color-black) !important;
}
.bg-gray2 {
  background-color: var(--color-gray2) !important;
}
.bg-white_d {
  background-color: var(--color-white_d) !important;
}
.bg-white_d_hv:hover {
  background-color: var(--color-white_d) !important;
}
.bg-blue_d {
  background-color: var(--color-blue_d) !important;
}
.bg-yellow_l {
  background-color: var(--color-yellow-l) !important;
}
.bg-yellow {
  background-color: var(--color-yellow) !important;
}
.bg-gray_d {
  background-color: var(--color-gray_d) !important;
}
.bg-gray_l {
  background-color: var(--color-gray_l) !important;
}
.bg-black-gradient {
  background: #000;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
}
.contrast-bg {
  position: relative;
  background: #000;
}

.contrast-bg i {
  position: relative;
  z-index: 1;
}

.contrast-bg::before {
  content: "";
  position: absolute;
  background: #f9f9f9;
  display: block;
  width: calc(100% + 0.2rem);
  height: calc(100% + 0.2rem);
  z-index: 0;
  margin: -0.1rem;
}

.c-white {
  color: var(--color-white) !important;
}
.c-white_d {
  color: var(--color-white_d) !important;
}
.c-white_b {
  color: var(--color-white_b) !important;
}

.c-black_d--hover a:hover {
  color: var(--color-black_d);
}
.c-black {
  color: var(--color-black);
}
.c-black_l {
  color: var(--color-black_l);
}
.c-yellow {
  color: var(--color-yellow) !important;
}
.c-red {
  color: var(--color-red);
}
.c-green {
  color: var(--color-green);
}
.c-blue {
  color: var(--color-main_d);
}
.c-gray2 {
  color: var(--color-gray2) !important;
}
.c-main {
  color: var(--color-main);
}
.c-main2 {
  color: var(--color-main2);
}
.c-main_d {
  color: var(--color-main_d);
}

.grayscale {
  filter: grayscale(1);
}

.ta-l {
  text-align: left !important;
}
.ta-r {
  text-align: right !important;
}
.ta-c {
  text-align: center !important;
}

.bdr-h {
  border-radius: 50% !important;
}
.bdr-100 {
  border-radius: 100vw !important;
}
.bdrs-05 {
  border-radius: 0.5rem !important;
}
.bdrs-1 {
  border-radius: 1rem !important;
}
.bdrs-2 {
  border-radius: 2rem !important;
}
.bdrs-n {
  border-radius: 0 !important;
}
.bdrs-n-tl {
  border-top-left-radius: 0 !important;
}
.bdrs-n-tr {
  border-top-right-radius: 0 !important;
}
.bdrs-n-bl {
  border-bottom-left-radius: 0 !important;
}
.bdrs-n-br {
  border-bottom-right-radius: 0 !important;
}

.tt-u {
  text-transform: uppercase;
}
.tt-l {
  text-transform: lowercase;
}

.trf-n {
  transform: none !important;
}

.shadow-n {
  box-shadow: none !important;
}
.shadow {
  box-shadow: 0.5rem 0 0.5rem rgba(0, 0, 0, 0.075);
}
.shadow-1 {
  box-shadow: 0 0.75rem 0.75rem rgba(0, 0, 0, 0.15);
}

.shadow-h:hover {
  box-shadow: 0.5rem 0 0.5rem rgba(0, 0, 0, 0.075);
}

.td-u {
  position: relative;
}

.td-u:after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 2px;
  background-color: var(--color-main);
}
.td-u-h:hover {
  text-decoration: underline;
}
.tdu {
  text-decoration: underline;
}
.tdu-h a:hover {
  text-decoration: underline;
}

.i-m i {
  margin: 0 0.35rem;
}

.i-m-r i {
  margin-right: 0.35rem;
}

.display-contrary,
.hidden {
  display: none !important;
}

.no-scroll,
.ov-hidden {
  overflow: hidden !important;
}

.mw-n {
  min-width: 0px !important;
}
.mw-200 {
  max-width: 200px !important;
}
.mw-300 {
  max-width: 300px !important;
}
.mw-500 {
  max-width: 500px !important;
}
.mw-700 {
  max-width: 700px !important;
}
.mw-80 {
  max-width: 80% !important;
}
.mn-w-250 {
  min-width: 250px;
}
.mn-w-400 {
  min-width: 400px;
}
.mn-w-100 {
  min-width: 100px;
}
.mxw-75 {
  max-width: 75% !important;
}
.mxw-full {
  max-width: 100% !important;
}
.wh-nw {
  white-space: nowrap;
}
.w-n {
  width: 0 !important;
}
.w-a {
  width: auto !important;
}
.w-20 {
  width: 20% !important;
}
.w-30 {
  width: 30% !important;
}
.w-40 {
  width: 40% !important;
}
.w-50 {
  width: 50% !important;
}
.w-65 {
  width: 65% !important;
}
.w-70 {
  width: 70% !important;
}
.w-80 {
  width: 80% !important;
}
.w-90 {
  width: 90% !important;
}
.w-full {
  width: 100% !important;
}
.w100 {
  width: 100px !important;
}
.w-1 {
  width: 1rem !important;
}
.w-2 {
  width: 2rem !important;
}
.w-3 {
  width: 3rem !important;
}
.w150 {
  width: 150px !important;
}
.h-n {
  height: 0 !important;
}
.h-a {
  height: auto !important;
}
.h-1 {
  height: 1rem !important;
}
.h-2 {
  height: 2rem !important;
}
.h-3 {
  height: 3rem !important;
}
.h-4 {
  height: 4rem !important;
}
.h-5 {
  height: 5rem !important;
}
.h-full {
  height: 100% !important;
}
.mh-full {
  min-height: 100% !important;
}

.bd-n {
  border: 0 !important;
}
.bd-n-t {
  border-top: 0 !important;
}
.bd-n-b {
  border-bottom: 0 !important;
}
.bd-n-l {
  border-left: 0 !important;
}
.bd-n-r {
  border-right: 0 !important;
}
.bd-m {
  border-width: 2px;
}
.bd-s {
  border-width: 1px;
}
.bd-gray {
  border: 1px solid var(--color-gray);
}
.bd-t-gray {
  border-top: 1px solid var(--color-gray);
}
.bd-tb-gray {
  border-top: 1px solid var(--color-gray);
  border-bottom: 1px solid var(--color-gray);
}
.bd-t-white_d {
  border-top: 1px solid var(--color-white_d);
}
.bd-t-gray {
  border-top: 1px solid var(--color-gray);
}
.bd-r-gray {
  border-right: 1px solid var(--color-gray);
}
.bd-b-gray {
  border-bottom: 1px solid var(--color-gray);
}

.br-1-solid {
  border: 1px solid !important;
}

.br-c-blue_d {
  border-color: var(--color-blue_d) !important;
}

.us-n {
  user-select: none;
}
.d-b {
  display: block !important;
}
.d-ib {
  display: inline-block !important;
}
.d-flex {
  display: flex !important;
}
.d-iflex {
  display: inline-flex !important;
}
.d-n {
  display: none !important;
}
.d-fr {
  display: flow-root !important;
}
.vsb-h {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: -9999px;
}
.g-t {
  gap: 0.25rem !important;
}
.g-1 {
  gap: 0.5rem !important;
}
.g-2 {
  gap: 0.75rem !important;
}
.g-3 {
  gap: 1rem !important;
}
.g-4 {
  gap: 1.2rem !important;
}
.gr-5 {
  row-gap: 1.5rem !important;
}
.flex-grow-1 {
  flex-grow: 1;
}
.jc-c {
  justify-content: center !important;
}

.cur-p {
  cursor: pointer;
}
.disabled {
  cursor: no-drop;
  opacity: 0.5;
}
.disabled > * {
  pointer-events: none;
}
.obf-cv {
  object-fit: cover;
}

.z-1 {
  z-index: 1;
}

.l-100 {
  left: 100px;
}

.l-25 {
  left: 25%;
}

.r-25 {
  right: 25%;
}

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

.lh-1_2 {
  line-height: 1.2;
}
.m-minus-xs-lr {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}
.m-minus-m-l {
  margin-left: -1rem !important;
}
.m-minus-xs-lr {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}
.m-a {
  margin: auto !important;
}
.m-a-lr {
  margin-left: auto !important;
  margin-right: auto !important;
}

.m-n {
  margin: 0 !important;
}

.m-n-l {
  margin-left: 0 !important;
}

.m-n-b {
  margin-bottom: 0 !important;
}
.m-xxs {
  margin: 0.1rem !important;
}
.m-xxs-l {
  margin-left: 0.1rem !important;
}
.m-xxs-r {
  margin-right: 0.1rem !important;
}
.m-xxs-t {
  margin-top: 0.1rem !important;
}
.m-xxs-b {
  margin-bottom: 0.1rem !important;
}
.m-xxs-tb {
  margin-top: 0.1rem !important;
  margin-bottom: 0.1rem !important;
}
.m-xxs-lr {
  margin-left: 0.1rem !important;
  margin-right: 0.1rem !important;
}
.m-xs {
  margin: 0.15rem !important;
}
.m-xs-l {
  margin-left: 0.15rem !important;
}
.m-xs-r {
  margin-right: 0.15rem !important;
}
.m-xs-t {
  margin-top: 0.15rem !important;
}
.m-xs-b {
  margin-bottom: 0.15rem !important;
}
.m-xs-tb {
  margin-top: 0.15rem !important;
  margin-bottom: 0.15rem !important;
}
.m-xs-lr {
  margin-left: 0.15rem !important;
  margin-right: 0.15rem !important;
}
.m-t-l {
  margin-left: 0.25rem !important;
}
.m-t-r {
  margin-right: 0.25rem !important;
}
.m-t-t {
  margin-top: 0.25rem !important;
}
.m-t-b {
  margin-bottom: 0.25rem !important;
}
.m-sm {
  margin: 0.5rem !important;
}
.m-sm-t {
  margin-top: 0.5rem !important;
}
.m-sm-l {
  margin-left: 0.5rem !important;
}
.m-sm-r {
  margin-right: 0.5rem !important;
}
.m-sm-b {
  margin-bottom: 0.5rem !important;
}
.m-sm-lr {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.m-sm-tb {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.m-s {
  margin: 0.7rem !important;
}
.m-s-r {
  margin-right: 0.7rem !important;
}
.m-s-l {
  margin-left: 0.7rem !important;
}
.m-s-b {
  margin-bottom: 0.7rem !important;
}
.m-s-t {
  margin-top: 0.7rem !important;
}
.m-s-tb {
  margin-top: 0.7rem !important;
  margin-bottom: 0.7rem !important;
}
.m-m {
  margin: 1rem !important;
}
.m-m-lr {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.m-m-tb {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.m-m-l {
  margin-left: 1rem !important;
}
.m-m-r {
  margin-right: 1rem !important;
}
.m-m-t {
  margin-top: 1rem !important;
}
.m-m-b {
  margin-bottom: 1rem !important;
}
.m-b-tb {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.m-b-t {
  margin-top: 1.5rem !important;
}
.m-b-b {
  margin-bottom: 1.5rem !important;
}
.m-l-t {
  margin-top: 1.2rem !important;
}
.m-l-b {
  margin-bottom: 1.2rem !important;
}
.m-2r-minus {
  margin: -2rem !important;
}
.m-2r {
  margin: 2rem !important;
}
.m-2r-t {
  margin-top: 2rem !important;
}
.m-2r-b {
  margin-bottom: 2rem !important;
}
.m-2r-l {
  margin-left: 2rem !important;
}
.m-2r-r {
  margin-right: 2rem !important;
}
.m-2r-tb {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.m-2r-lr {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}
.m-xl {
  margin: 2.5rem !important;
}
.m-xl-t {
  margin-top: 2.5rem !important;
}
.m-xl-b {
  margin-bottom: 2.5rem !important;
}
.m-xl-l {
  margin-left: 2.5rem !important;
}
.m-xl-r {
  margin-right: 2.5rem !important;
}
.m-xl-tb {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}
.m-xl-lr {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}
.m-e-t {
  margin-top: 3rem !important;
}
.m-e-b {
  margin-bottom: 3rem !important;
}
.m-extra {
  margin: 4rem !important;
}
.m-extra-t {
  margin-top: 4rem !important;
}
.m-extra-b {
  margin-bottom: 4rem !important;
}
.m-extra-l {
  margin-left: 4rem !important;
}
.m-extra-r {
  margin-right: 4rem !important;
}
.m-extra-lr {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}
.m-extra-tb {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}
.m-5r {
  margin: 5rem !important;
}
.m-5r-t {
  margin-top: 5rem !important;
}
.m-5r-b {
  margin-bottom: 5rem !important;
}
.m-5r-l {
  margin-left: 5rem !important;
}
.m-5r-r {
  margin-right: 5rem !important;
}
.m-5r-lr {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}
.m-5r-tb {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}
.m-minus-5r-lr {
  margin-left: -5rem !important;
  margin-right: -5rem !important;
}
.m-minus-5r-b {
  margin-bottom: -5rem !important;
}

.p-t {
  padding: 0.25rem !important;
}
.p-t-b {
  padding-bottom: 0.25rem !important;
}
.p-n {
  padding: 0 !important;
}
.p-n-lr {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.p-n-tb {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.p-n-l {
  padding-left: 0 !important;
}
.p-n-r {
  padding-right: 0 !important;
}
.p-n-t {
  padding-top: 0 !important;
}
.p-n-b {
  padding-bottom: 0 !important;
}
.p-xs {
  padding: 0.5rem !important;
}
.p-xs-tb {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.p-xs-lr {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.p-xs-t {
  padding-top: 0.5rem !important;
}
.p-xs-b {
  padding-bottom: 0.5rem !important;
}
.p-xs-l {
  padding-left: 0.5rem !important;
}
.p-xs-r {
  padding-right: 0.5rem !important;
}
.p-s-a {
  padding: 0.7rem !important;
}
.p-m-a {
  padding: 1rem !important;
}
.p-m {
  padding: 1rem !important;
}
.p-m-l {
  padding-left: 1rem !important;
}
.p-m-r {
  padding-right: 1rem !important;
}
.p-m-b {
  padding-bottom: 1rem !important;
}
.p-m-t {
  padding-top: 1rem !important;
}
.p-m-tb {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.p-m-lr {
  padding-left: 1rem;
  padding-right: 1rem;
}
.p-s-l {
  padding-left: 0.7rem !important;
}
.p-s {
  padding: 0.7rem 0;
}
.p-s-tb {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}
.p-s-lr {
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}
.p-s-r {
  padding-right: 0.7rem !important;
}
.p-s-b {
  padding-bottom: 0.7rem !important;
}
.p-sm {
  padding: 0.5rem !important;
}
.p-sm-tb {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.p-sm-lr {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.p-sm-t {
  padding-top: 0.5rem !important;
}
.p-sm-l {
  padding-left: 0.5rem !important;
}
.p-sm-r {
  padding-right: 0.5rem !important;
}
.p-sm-b {
  padding-bottom: 0.5rem !important;
}
.p-l-tb {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.p-b {
  padding: 1.5rem !important;
}
.p-b-tb {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.p-b-lr {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.p-b-t {
  padding-top: 1.5rem !important;
}
.p-b-b {
  padding-bottom: 1.5rem !important;
}
.p-b-l {
  padding-left: 1.5rem !important;
}
.p-b-r {
  padding-right: 1.5rem !important;
}
.p-s-t {
  padding-top: 0.75rem !important;
}

.p-x {
  padding: 2rem !important;
}
.p-x-t {
  padding-top: 2rem !important;
}
.p-x-b {
  padding-bottom: 2rem !important;
}
.p-x-l {
  padding-left: 2rem !important;
}
.p-x-r {
  padding-right: 2rem !important;
}
.p-x-lr {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.p-x-tb {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.p-xl-t {
  padding-top: 3rem !important;
}
.pos-s {
  position: static !important;
}
.pos-r {
  position: relative;
}
.pos-a {
  position: absolute;
}
.top-0 {
  top: 0;
}
.top-minus-025 {
  top: -0.25rem !important;
}
.left-0 {
  left: 0 !important;
}
.r-g-1 {
  row-gap: 1rem;
}

.list-style-circle li {
  list-style-type: circle !important;
}
.posov,
.pos-screen_overflow {
  position: absolute;
  max-width: 100%;
  left: -100000000%;
  z-index: -999999;
}
.fz-none {
  font-size: 0em !important;
}

.fz-s {
  font-size: 0.7em !important;
}

.fz-s-s {
  font-size: 0.8rem;
}

.fz-s-m {
  font-size: 0.9rem;
}
.fz-s-m_em {
  font-size: 0.9em !important;
}

.fz-n {
  font-size: 1rem !important;
}

.fz-n_em {
  font-size: 1em !important;
}

.fz-n-t {
  font-size: 1.1rem !important;
}

.fz-n-t_em {
  font-size: 1.1em !important;
}

.fz-n-s {
  font-size: 1.2rem !important;
}

.fz-l-s {
  font-size: 2rem !important;
}
.fz-l-s-m {
  font-size: 2.3rem !important;
}
.fz-l {
  font-size: 2.5rem !important;
}

.fz-m {
  font-size: 1.3rem !important;
}
.fz-m-t {
  font-size: 1.6rem !important;
}

.fz-m-s {
  font-size: 1.8rem !important;
}
.fz-extra-s {
  font-size: 3rem !important;
}
.fz-extra {
  font-size: 4rem !important;
}

.fx-line {
  display: flex !important;
  align-items: center;
}

.fxww {
  flex-wrap: wrap;
}

.ls-m {
  letter-spacing: 2px;
}

.fl-n {
  float: none !important;
}
.fl-r {
  float: right !important;
}
.fl-l {
  float: left !important;
}

.va-t {
  vertical-align: top !important;
}
.va-b {
  vertical-align: bottom !important;
}
.va-tb {
  vertical-align: text-bottom !important;
}
.va-m {
  vertical-align: middle !important;
}
.va-tt {
  vertical-align: text-top !important;
}
.va-sub {
  vertical-align: sub !important;
}

.owl-nav {
  width: 100%;
  position: absolute;
  transform: translate(0, -50%);
  top: 50%;
  left: 0;
}

.owl-nav button.disabled {
  opacity: 0.25 !important;
}

.owl-nav button {
  font-size: 2em !important;
  position: absolute;
  top: 0;
  left: 0.5em;
}
.owl-nav button.owl-next {
  left: auto;
  right: 0.5em;
}

input:checked + .custom-radio,
input:checked + span .custom-radio,
input:checked ~ .custom-checkbox,
input:checked ~ span .custom-checkbox {
  background-color: var(--color-black);
  border-color: var(--color-white);
}
.custom-radio:after,
.custom-checkbox:after {
  content: "check";
  font-family: "Material Symbols Outlined";
  font-size: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--color-white);
}
.custom-radio,
.custom-checkbox {
  min-width: 1em;
  min-height: 1em;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  display: inline-block;
  position: relative;
  background-color: var(--color-white);
  border: 0.1em solid var(--color-black);
}
.custom-checkbox {
  border-radius: 0.1em !important;
}

.custom-radio input,
.custom-checkbox input {
  display: none;
}

.hover-line a {
  position: relative;
}

.hover-line a:hover:after,
.hover-line a.active:after {
  width: 100%;
}

.hover-line a:after {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  top: 100%;
  left: 0;
  transition: width 0.4s;
  background-color: #dddd;
}

.hover-img_zoom:hover img {
  transform: scale(1.15);
  transition: 6s;
}

.ttl-separator {
  padding-top: 1.25rem;
  margin-bottom: 1.25rem;
  border-top: 1px solid #dddd;
  position: relative;
}

.ttl-separator h1,
.ttl-separator h2,
.ttl-separator h3 {
  position: relative;
  display: inline-block;
}

.ttl-separator h1:before,
.ttl-separator h2:before,
.ttl-separator h3:before {
  content: "";
  top: -1.25rem;
  left: 0;
  width: 100%;
  height: 2px;
  position: absolute;
  background-color: var(--color-main);
}

.list-hover-overlay {
  line-height: 1.25;
  height: 4em;
  width: 100%;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.list-hover-overlay ul {
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 0;
  left: 0;
  transition: 0.3s all;
  padding-bottom: 0.25rem;
}

.list-hover-overlay:after {
  content: "\f141";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 1rem;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100%;
  background-color: var(--color-white);
  color: var(--color-black);
  opacity: 1;
  transition: 0.3s all;
}

.list-hover-overlay:hover,
.list-hover-overlay.active {
  overflow: visible;
}

.list-hover-overlay:hover:after,
.list-hover-overlay.active:after {
  display: none;
}

.list-hover-overlay:hover ul,
.list-hover-overlay.active ul {
  background-color: var(--color-white);
}

ul.no-whsp li {
  white-space: nowrap;
}

ul.list-full_w > li {
  display: flex;
  justify-content: space-between;
}

ul.list-full_w .vc_toggle i {
  color: var(--color-main);
  margin-left: 0.25rem;
}

ul.list-full_w .toggle_active i {
  transform: rotate(180deg);
}

ul.separate > li {
  margin-right: 0.25rem;
}

ul.separate > li:after {
  content: "|";
  display: inline-block;
  margin-left: 0.5rem;
  opacity: 0.25;
}

ul.separate > li:last-child:after {
  display: none;
}

ul.arrowed li {
  margin-right: 0.25rem;
}

ul.arrowed li:after {
  content: "\f061";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  display: inline-block;
  margin-left: 0.5rem;
  opacity: 0.25;
}

ul.arrowed li:last-child:after {
  display: none;
}

li.separate::after {
  content: "|";
  display: inline-block;
  font-weight: 100;
  color: #dddd;
}

ul.items-circle li {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #dddd;
}

ul.list-breadcrumbs {
  padding: 1rem 0;
}

ul.list-breadcrumbs li {
  margin: 0;
  margin-right: 0.5em;
}

ul.list-breadcrumbs li:last-child {
  font-weight: 400;
}

ul.list-breadcrumbs li:last-child:after {
  display: none;
}

ul.list-breadcrumbs.c-white li:after {
  background-color: var(--color-white);
}
ul.list-breadcrumbs li:after {
  content: "";
  width: 4px;
  height: 4px;
  background-color: var(--color-black_l);
  border-radius: 100vw;
  display: inline-block;
  margin-left: 0.5em;
  position: relative;
  top: -3px;
  font-weight: 400;
}

.list-inline {
  display: flex;
  align-items: baseline;
}

.list-inline li:last-child {
  margin-right: 0;
}

.list-inline li {
  margin: 0 0.5rem;
}

.list-classic {
  padding-left: 1rem;
}

.list-classic li {
  list-style-type: disc !important;
}

.list-vertical li:last-child {
  margin-bottom: 0;
}

.list-vertical li {
  margin-bottom: 1rem;
}

.list-vertical-sm li:last-child {
  margin-bottom: 0;
}

.list-vertical-sm li {
  margin-bottom: 0.5rem;
}

.list-vertical li i,
.list-vertical li img {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 0.5rem;
}
ul.checkout-progress {
  justify-content: center;
}
ul.checkout-progress li:first-child {
  padding: 0;
}
ul.checkout-progress li:not(:first-child):before {
  content: "";
  position: absolute;
  top: calc(50% - 1.25rem);
  left: -3rem;
  width: 100%;
  height: 4px;
  background-color: var(--color-gray);
}
ul.checkout-progress li {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  padding-left: 20%;
  position: relative;
}

ul.checkout-progress li:nth-child(1) i:after {
  content: "shopping_cart";
}
ul.checkout-progress li:nth-child(2) i:after {
  content: "home";
}
ul.checkout-progress li:nth-child(3) i:after {
  content: "package_2";
}
ul.checkout-progress li:nth-child(4) i:after {
  content: "credit_card";
}

ul.checkout-progress li i:after {
  font-style: normal;
  font-family: "Material Symbols Outlined";
}
ul.checkout-progress li.active i,
ul.checkout-progress li.complited i {
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  border-color: var(--color-white);
  background-color: var(--color-white);
  color: var(--color-main2);
}
ul.checkout-progress li.active:before,
ul.checkout-progress li.complited:before {
  background-color: var(--color-main2);
}

ul.checkout-progress li.complited i:after {
  content: "check";
}

ul.checkout-progress i {
  display: flex;
  width: 4rem;
  height: 4rem;
  border-radius: 100vw;
  font-size: 1.75rem;
  background-color: var(--color-main_l);
  align-items: center;
  justify-content: center;
  border: 2px solid var(--color-gray);
  color: var(--color-black_l);
  margin-bottom: 1rem;
  z-index: 1;
}

.btn {
  border: 0;
  font-size: 0.9em;
  font-weight: 500;
  padding: 0.75rem 2rem;
  border-radius: 100vw;
  display: inline-block;
  color: var(--color-black);
  background-color: var(--color-white);
  transition: 0.5s;
}

@keyframes blick {
  0% {
      opacity: 0;
      transform: translateX(0);
  }
  100% {
      opacity: .5;
      transform: translateX(270px);
  }
}

.btn-animation{
  position: relative;
  overflow: hidden;
}
.btn-animation:before{
  content: '';
  position: absolute;
  background-color: rgba(255, 255, 255, .6);
  width: 3px;
  box-shadow: 0 0 15px rgb(255, 255, 255, .8);
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  animation-name: blick;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}


.btn i {
  position: relative;
  /*   top: 0.25em; */
  font-size: 1.25em;
  margin-right: 0.25em;
}
.btn.btn-sm {
  font-size: 0.8em;
  padding: 0.25rem 0.75rem;
}
.btn.btn-main_d {
  color: var(--color-white) !important;
  background-color: var(--color-main_d) !important;
}
.btn.btn-main_d:hover {
  background-color: var(--color-black) !important;
  outline-color: var(--color-black) !important;
}
.btn.btn-red {
  color: var(--color-white);
  background-color: var(--color-red);
}
.btn.btn-red:hover {
  background-color: var(--color-red_d);
}
.btn.border {
  color: var(--color-main_d);
  border: 1px solid var(--color-main_d);
}
.btn.main2 {
  background-color: var(--color-main2);
}
.btn.main2:hover {
  background-color: var(--color-main2_d);
}
.btn.white:hover {
  color: var(--color-white);
  background-color: var(--color-black);
}
.btn.white_d {
  color: var(--color-black) !important;
  background-color: var(--color-white_b) !important;
}
.btn.btn-link {
  width: auto;
  max-width: 100%;
  height: auto;
  font-weight: inherit;
  display: inline-block;
  padding: 0;
  margin: 0;
  font-size: 1em;
  color: inherit;
  background-color: transparent;
}
.btn.black {
  color: var(--color-white);
  background-color: var(--color-black);
}
.btn.black:hover {
  background-color: var(--color-black_l);
}

.btn.btn-main_d.btn-outline {
  outline-color: var(--color-main_d);
}
.btn-outline {
  outline: 2px solid transparent;
  outline-offset: 0.2em;
}
.btn-processing {
  pointer-events: none !important;
  opacity: 0.7 !important;
}
.vc_select {
  width: 100%;
  display: flex;
  font-weight: 400;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}

.vc_select .title {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: baseline;
}

.vc_select .title:hover span {
  color: var(--color-search_black);
}

.vc_select .title span {
  white-space: nowrap;
  overflow: hidden;
}

.vc_select .title:after {
  content: "arrow_drop_down";
  font-family: "Material Symbols Outlined";
  position: absolute;
  transition: 0.5s;
  font-size: 1.2em;
  right: 0.5rem;
}

.vc_select.active .title:after {
  transform: rotate(180deg);
}

.vc_select.chzn-style .title {
  height: 3rem;
  line-height: 3rem;
  background-color: var(--color-white);
  border: 1px solid #e0e0e0;
  font-size: 0.85em;
  color: var(--color-black_l);
  border-radius: 1rem;
  justify-content: start;
  padding: 0 1rem;
}

.vc_select.active ul {
  opacity: 1;
  visibility: visible;
  transform: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  min-height: 100px;
  height: auto;
  z-index: 2;
  padding: 0.5em 0;
  overflow-x: hidden;
}

.vc_select ul {
  top: 100%;
  right: -1rem;
  margin-top: 0.5em;
  max-width: 320px;
  min-width: 260px;
  height: 0;
  z-index: 1;
  transition:
    opacity 0.5s,
    visible 0.25s,
    transform 0.5s,
    box-shadow 0.5s;
  transform: translateY(1em);
  background-color: var(--color-white);
  position: absolute;
  border-radius: 1rem;
  opacity: 0;
  visibility: hidden;
  max-height: calc(100vh - 120px);
  overflow-y: auto;
  font-weight: 400;
}
.vc_select.chzn-style ul {
  min-width: 100%;
  right: auto;
  left: auto;
}

.vc_select.bottom ul {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.vc_select li {
  margin: 0 !important;
  border: 0 !important;
  color: var(--color-search_grey);
  padding: 0.25em 0.65em !important;
  transition: 0.3s all;
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}
.vc_select li[data-error]:after {
  content: attr(data-error);
  font-size: 0.6em;
  color: var(--color-red);
  background-color: var(--color-white);
  display: inline-block;
  width: 100%;
  line-height: 1;
  white-space: normal;
  position: absolute;
  margin-top: 1.5rem;
}
.vc_select li[data-error] {
  cursor: no-drop;
}
.vc_select li[data-error] img {
  opacity: 0.5 !important;
}
.vc_select li:not([data-error]):hover {
  background-color: var(--color-beige);
}

.vc_select li.group {
  color: var(--color-search_black);
  padding: 1em 0;
  font-weight: 500;
  pointer-events: none;
  position: sticky;
  top: -0.75rem;
  background-color: #fff;
  z-index: 2;
}

.vc_select li:hover {
  color: var(--color-search_black);
}

.vc_select li:hover img {
  opacity: 1;
}

.vc_select li img {
  width: auto;
  opacity: 0.7;
  transition: 0.3s all;
  position: relative;
  z-index: 1;
  padding-left: 0.25em;
}

.vc_tooltip_content {
  position: fixed;
  min-width: 90px;
  max-width: 280px;
  transform: translate(-50%, 0);
  background-color: var(--color-black);
  color: var(--color-white);
  font-size: 0.7rem;
  padding: 0.25rem 0.5rem;
  z-index: 4;
  border-radius: 0.25rem;
  text-align: center;
}

.vc_tooltip_content.left:after {
  left: 10%;
}

.vc_tooltip_content.right {
  transform: translate(-100%, 0);
}

.vc_tooltip_content.right:after {
  left: 90%;
}

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

.vc_tooltip_content.bottom:after {
  border-top-color: transparent;
  border-bottom-color: var(--color-black);
  top: -0.5rem;
}

.vc_tooltip_content:after {
  content: "";
  position: absolute;
  border: 0.25rem solid transparent;
  border-top-color: var(--color-black);
  top: 100%;
  pointer-events: none;
  left: 50%;
  transform: translate(-50%, 0);
  transition: opacity 0.4s ease-out 0.2s;
}

.vc_dropdown {
  position: relative;
  cursor: pointer;
  z-index: 1;
}

.vc_dropdown:hover {
  z-index: 10;
}

.vc_dropdown .vc_dropdown-content {
  opacity: 0;
  position: absolute;
  visibility: hidden;
  top: 100%;
  z-index: 2;
  max-width: 100%;
  margin-top: 0.25rem;
  transform: translateY(1rem) translateZ(0);
  transition:
    opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1),
    visibility 0.4s cubic-bezier(0.19, 1, 0.22, 1),
    transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

.vc_dropdown:hover .vc_dropdown-content {
  opacity: 1;
  visibility: visible;
  transform: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.vc_dropdown .vc_dropdown-content.right {
  right: 0;
}

.vc_dropdown .vc_dropdown-content.left {
  left: 0;
}

.vc_dropdown .vc_dropdown-content > div {
  min-width: 100%;
  padding: 1.25rem;
}

.vc_dropdown .vc_dropdown-content .product-listing-mini {
  max-height: 65vh;
  overflow: auto;
}
.vc_dropdown-content .product-listing-mini .name {
  max-width: calc(100% - 1.5rem);
}

.barge {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 0.7rem;
  border-radius: 50%;
  position: absolute;
  top: -0.5em;
  right: 0;
  z-index: 1;
  min-width: 1.75em;
  min-height: 1.75em;
  text-align: center;
  background-color: var(--color-red);
  color: var(--color-white);
}

.barge[data-count="0"] {
  display: none;
}

.vc_message {
  width: 100%;
  position: relative;
  display: inline-block;
  padding: 0.15em 1em 0.5em 1em;
  margin-bottom: 0.5em;
  border: 4px solid transparent;
  border-radius: 1em;
}

.vc_message:before {
  font-family: "Material Symbols Outlined";
  font-size: 1.5em;
  margin-right: 0.25em;
  position: relative;
  top: 4px;
}
.vc_message.info {
  border-left-color: #8ab9ff;
  background-color: #ecf4ff;
}

.vc_message.info:before {
  content: "info";
  color: #8496b1;
}

.vc_message.warning {
  border-left-color: #c8a279;
  background-color: #fff3d8;
}

.vc_message.warning:before {
  content: "notification_important";
  color: #c8a279;
}

.vc_message.error {
  color: var(--color-red);
  border-left-color: var(--color-red);
  background-color: #ffd8d8;
}

.vc_message.error:before {
  content: "error";
  color: #d76666;
}

.vc_message.success {
  border-left-color: var(--color-green);
  background-color: #e2ffd8;
}

.vc_message.success:before {
  content: "check_circle";
  color: #88c075;
}

label.has-error .vc_message {
  background: transparent;
  border: none;
  padding: 0.15em;
  margin-bottom: 0;
  font-size: 0.9rem;
}

.membership-message {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0rem;
  padding: 1rem;
  background-color: #c1e5d4;
  color: #005f32;
  margin-top: 1rem;
  border-radius: 1rem;
}
.membership-text {
  color: #005f32;
}
.membership-text i {
  font-size: 1em;
  margin-right: 0.25em;
}

.running-text {
  overflow: hidden;
  position: relative;
  height: 2rem;
  color: var(--color-white);
  background-color: var(--color-main_d);
}
.running-text > div {
  overflow: hidden;
  height: 0;
  transition: all 1s;
  transform: translate(0, -300%);
}
.running-text > div.active {
  overflow: visible;
  top: 50%;
  height: 1.25rem;
  left: 0;
  z-index: 1;
  opacity: 1;
  width: 100%;
  position: absolute;
  transform: translate(0, -50%);
}
.running-text img {
  top: 3px;
  width: 1rem;
  height: auto;
  position: relative;
}

ul.dropdown-menu {
  height: 100%;
  display: flex;
  align-items: baseline;
}
ul.dropdown-menu > li {
  line-height: normal;
  white-space: nowrap;
}
ul.dropdown-menu > li:hover > a,
ul.dropdown-menu > li:hover > button {
  color: var(--color-main);
}
ul.dropdown-menu > li:last-child > a,
ul.dropdown-menu > li:last-child > button {
  margin-right: 0;
}
ul.dropdown-menu > li:first-child a,
ul.dropdown-menu > li:first-child button {
  padding-left: 0;
}
ul.dropdown-menu > li:last-child a,
ul.dropdown-menu > li:last-child button {
  border-right: 0;
}
ul.dropdown-menu > li > a,
ul.dropdown-menu > li > button {
  font-size: 1.1rem;
  line-height: 4rem;
}
ul.dropdown-menu a img,
ul.dropdown-menu a button {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
}
ul.dropdown-menu a,
ul.dropdown-menu button {
  padding: 0 1rem;
}

li.has-child {
  position: relative;
}
li.has-child > ul {
  position: absolute;
  padding: 0 0.5rem;
  max-width: 400px;
  top: 100%;
  left: -1rem;
  transform: translateY(-1rem);
  transition: all 0.5s ease-out;
  transition-delay: 0.15s;
  z-index: 2;
  border: 2px solid var(--color-beige);
  border-radius: var(--radius-default);
  background-color: var(--color-white);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}

li.has-child ul li {
  line-height: 2rem;
}
li.has-child ul li:hover a,
li.has-child ul li:hover button {
  opacity: 1;
}
li.has-child ul li a.td-u:after {
  background-color: var(--color-white);
}
li.has-child ul li:hover a.td-u:after {
  background-color: var(--color-black);
}
li.has-child ul a,
li.has-child ul button {
  color: var(--color-black);
  display: inline-block;
  max-width: 100%;
}
li.has-child ul a:hover,
li.has-child ul button:hover {
  color: var(--color-main_d);
}

.price-old {
  opacity: 0.85;
  text-decoration: line-through;
}

.logotype {
  display: block;
  line-height: 0;
}
.logotype img {
  height: auto;
  max-width: 200px;
}

.product-listing {
  display: flex;
  flex-wrap: wrap;
}

.product-listing .product:hover .quick_view {
  opacity: 1;
}
.product-listing .product:hover .btn {
  bottom: 1rem;
}

.product-listing .product:hover .button-wishlist {
  opacity: 1;
  pointer-events: all;
}

.product-listing .product {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0 -1px -1px 0;
  position: relative;
}

.product-listing .quick_view {
  opacity: 0;
  position: absolute;
  z-index: 1;
  background-color: var(--color-white);
  color: var(--color-black);
  border-radius: 100vw;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  top: 1rem;
  right: 1rem;
  transition: 0.5s;
}
.product-listing .quick_view i {
  top: auto;
}

.product-listing .images {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  z-index: 1;
  padding: 50% 0;
  overflow: hidden;
  border-radius: 0.5em;
  background-color: var(--color-white);
}

.product-listing .images.one-image img {
  opacity: 1 !important;
}

.product-listing .images:hover img:first-child {
  opacity: 0;
}

.product-listing .images:hover img {
  opacity: 1;
  transform: translate(-50%, 0) scale(1.05);
}

.product-listing .images img {
  opacity: 0;
  position: absolute;
  object-fit: contain;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  max-width: calc(100% - 4rem);
  width: 100%;
  height: 100%;
  transition:
    opacity 1s,
    transform 1s;
}

.product-listing .images img:first-child {
  opacity: 1;
}

.product-listing .flags {
  display: flex;
  z-index: 2;
  position: absolute;
}

.product-listing .flags p:nth-child(2) {
  background-color: #ffd8d7;
  color: #e10600;
}

.product-listing .flags p:nth-child(3) {
  background-color: #7e7e7e;
  color: #fff;
}

.product-listing .flags p {
  display: inline-block;
  padding: 0.25em 1em;
  border-radius: 0.25em;
  text-align: center;
  font-size: 0.8em;
  font-style: italic;
  margin-right: 0.5em;
  color: #2dbe26;
  background-color: #daedda;
}

.product-listing .info-line {
  padding: 0.75em;
}
.product-listing .info-line > * {
  margin: 0;
  margin-bottom: 0.4em;
}

.product-listing .name {
  font-size: 1em;
  font-weight: 500;
}

.product-listing .name a:hover {
  color: var(--color-main);
  text-decoration: underline;
}

.product-listing .price * {
  display: inline-block;
  font-size: 0.9em;
}
.page-category .product-listing_search .price .price-msrp {
  font-size: 0.8em;
}

.product-listing .price-current {
  margin-right: 0.25em;
}

.product-listing .price-current.sale {
  color: #ff3630;
}

.product-listing .btn {
  position: absolute;
  z-index: 2;
  width: calc(100% - 2rem);
  bottom: -100%;
  left: 1rem;
  text-align: center;
  color: var(--color-white);
  background-color: var(--color-main_d);
  transition: 0.5s;
}

.product-listing-mini {
  height: 100%;
}

.product-listing-mini .product {
  width: 100%;
  display: flex;
  position: relative;
  transition: 0.3s all;
  background-color: var(--color-white);
  box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.1);
  padding: 0.75rem;
  margin-bottom: 0.75rem;
  border-radius: 0.75rem;
}

.product-listing-mini .product:hover .list-hover-overlay:after,
.product-listing-mini .product:hover .list-hover-overlay:hover ul {
  background-color: #f9f9f9;
}

.product-listing-mini .remove {
  position: absolute;
  top: 0.75rem;
  right: 1rem;
  font-size: 0.9em;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-white);
  border-radius: 15px;
  z-index: 1;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}
.product-listing-mini .remove i {
  line-height: normal;
  top: 0;
}

.product-listing-mini .product .info h3,
.product-listing-mini .product .info .name {
  margin: 0;
  margin-bottom: 0.25rem;
}

.product-listing-mini .product .info ul p {
  display: inline-block;
}

.product-listing-mini .product .qty {
  width: fit-content;
  display: flex;
  background-color: #f5f5f5;
  align-items: stretch;
}

.product-listing-mini .product .qty button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 30px;
  font-size: 0.8em;
}

.product-listing-mini .product .qty button:hover {
  background-color: var(--color-green);
  color: var(--color-white);
}

.product-listing-mini .product .qty input {
  text-align: center;
  width: 25px;
  border: 0;
  background-color: transparent;
}

.product-listing-mini .product .image {
  min-width: 120px;
  min-height: 120px;
  max-width: 120px;
  max-height: 120px;
  margin-right: 0.75rem;
  display: inline-block;
  position: relative;
  background-color: var(--color-white_d);
}

.product-listing-mini .product .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  border-radius: 0.5em;
}
.product-listing-mini.small .product .image {
  min-width: 70px;
  min-height: 70px;
  max-width: 70px;
  max-height: 70px;
}

.product-listing-mini.small ul.attributes-list {
  padding: 1rem 0.5rem;
}

.product-listing-mini.vertical .product {
  flex-direction: column;
  text-align: center;
}
.product-listing-mini.vertical .product .image {
  margin: auto;
  margin-bottom: 1rem;
}

.shop_table {
  width: 100%;
  border-spacing: 0;
  font-weight: 400;
}

.shop_table thead th {
  font-weight: 500;
  white-space: nowrap;
  padding: 0.75rem 0.5rem;
  border-bottom: 2px solid var(--color-black_l);
}

.shop_table tbody td {
  /* vertical-align: top; */
  border-bottom: 1px solid var(--color-gray);
}
.shop_table tbody tr:last-child td {
  border-bottom: 0;
}

.shop_table th,
.shop_table td {
  padding: 1rem 0.75rem;
}

.shop_table th:last-child,
.shop_table td:last-child {
  text-align: right;
}

.shop_table.style-1 thead th {
  border: 0;
}
.shop_table.style-1 tbody td {
  border: 0;
}

.shop_table.style-1 tbody tr {
  background-color: var(--color-white);
}

.bg-main_l .shop_table.style-1 {
  border-collapse: collapse;
}
.bg-main_l .shop_table.style-1 tbody tr {
  border-bottom: 0.5rem solid var(--color-main_l);
}

.shop_table.style-2 td {
  background-color: var(--color-white);
  border-bottom: 0.5rem solid var(--color-gray);
}

.bg-dots .shop_table.style-2 td {
  border-color: #f4f2f0;
}
.bg-opacity-01 {
  background-color: rgba(0, 0, 0, 0.01);
}

.bg-blur-dark {
  background-color: rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(1px);
}

.shop_table.style-2 td:first-child {
  border-radius: 1em 0 0 1em;
}
.shop_table.style-2 td:last-child {
  border-radius: 0 1em 1em 0;
}

.prd_thumbnail.small a {
  min-width: 50px;
  min-height: 50px;
}

.prd_thumbnail {
  width: 1%;
  white-space: nowrap;
}

.prd_thumbnail a {
  min-width: 150px;
  min-height: 150px;
  width: max-content;
  display: inline-block;
  position: relative;
  overflow: hidden;
  border-radius: 0.75rem;
  background-color: var(--color-white_d);
  border: 1px solid var(--color-gray);
}

.prd_thumbnail a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.prd_details {
  text-align: left;
  position: relative;
}

.prd_details h2 {
  width: 100%;
  margin: 0;
  margin-bottom: 0.25rem;
  position: relative;
}

.prd_details .list-hover-overlay {
  height: 5em;
}

.prd_details ul p {
  display: inline-block;
}

.prd_price,
.prd_quantity {
  text-align: center;
}

.prd_qty > label {
  width: fit-content;
  margin: auto;
  display: flex;
  background-color: var(--color-white_d);
  align-items: stretch;
  font-size: 0.9rem;
  overflow: hidden;
  position: relative;
  border-radius: 100vw;
  border: 1px solid var(--color-gray);
}
.prd_qty > label.bg-white {
  background-color: var(--color-white);
}

.prd_qty button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 40px;
  font-size: 0.8em;
  border: 0;
  background-color: var(--color-white_d);
}
.prd_qty .bg-white button {
  background-color: var(--color-white);
}

.prd_qty button i {
  font-size: 1.1rem;
}

.prd_qty button:hover {
  background-color: var(--color-gray);
}

.prd_qty input {
  text-align: center;
  width: 35px;
  border: 0;
  background-color: transparent;
}

.prd_subtotal {
  min-width: 6rem;
}

.sc-cover .prd_thumbnail a img {
  padding: 0.5rem;
}

.form label {
  width: 100%;
  display: inline-block;
  font-weight: 400;
  margin-bottom: 1rem;
  position: relative;
}
.form .label {
  margin: 0;
  display: block;
  color: inherit;
  font-size: 0.9em;
  margin-left: 1em;
  margin-bottom: 0.25em;
}

.form .label em {
  color: var(--color-red);
}

.form label.item-0 {
  width: 100%;
}

.form label.item-1 {
  width: calc(67.667% - 0.5rem);
}

.form label.item-2 {
  width: calc(50% - 0.5rem);
}

.form label.item-3 {
  width: calc(33.334% - 0.5rem);
}

.form input,
.form select,
.form .select,
.form textarea {
  border: 1px solid #e0e0e0;
  width: 100%;
  height: 3rem;
  padding: 0 1rem;
  display: inline-block;
  background-color: var(--color-white);
  border-radius: 2rem;
  border-radius: 1rem;
  outline: none;
  transition: 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.9em;
  color: var(--color-black_l);
}

.form .select i {
  color: var(--color-black);
}

.form input:focus,
.form select:focus,
.form textarea:focus {
  background-color: #f3f3f3;
  border-color: #cbcade;
}
.form input[type="radio"],
.form input[type="checkbox"] {
  width: 1em;
  height: 1em;
  display: inline-block;
  position: relative;
  top: 1px;
}

body .form input[type="radio"],
body .form input[type="checkbox"]{
  padding: 0;
  width: 1em;
  height: 1em;
  display: inline-block;
  margin: auto;
  border: 0;
  font-size: 1em;
}
.form .select:hover {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

.form select {
  color: var(--color-black);
}

.attribute-message {
  position: absolute;
  bottom: -1rem;
  left: 0.25rem;
  font-size: 0.75rem;
}

.attribute-message.error {
  color: var(--color-red);
}

input.invalid-field,
select.invalid-field,
textarea.invalid-field {
  border-color: var(--color-red) !important;
}

.form textarea {
  padding: 0.5rem;
  min-height: 120px;
  resize: none;
}

.form-ttl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1em;
}

.form-ttl .ttl-item {
  display: flex;
  align-items: center;
  justify-content: end;
  width: 100%;
  max-width: calc(40% - 1em);
  margin-left: 1em;
  white-space: nowrap;
  font-size: 0.9em;
}

.form-ttl h2,
.form-ttl h3,
.form-ttl h4 {
  font-size: 1.5em;
  margin: 0;
  width: 100%;
  max-width: 60%;
}

.form-ttl select {
  margin-left: 0.5em;
  height: 35px;
  background-color: #f9f9f9;
}

.form-line_content {
  display: none;
  padding: 1.25em;
  margin-top: 0.75rem;
  background-color: var(--color-white);
  border: 1px solid var(--color-white_d);
  width: 100%;
  font-size: 0.9em;
  position: relative;
}

.form-line_content:before {
  content: "";
  border: 0.5rem solid transparent;
  border-bottom-color: var(--color-white);
  position: absolute;
  top: -1rem;
  left: 1.5rem;
}

.form-line {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.form-line .form-line .checkbox,
.form-line .form-line .radio {
  padding-left: 1.5rem;
}

.form-line .form-line .checkbox input:before,
.form-line .form-line .radio input:before {
  width: 1rem;
  height: 1rem;
}

.form-line .form-line .radio input:checked:before {
  background-color: var(--color-white);
}

.form-line .checkbox,
.form-line .radio {
  width: 100%;
  display: flex;
  position: relative;
  align-items: center;
  padding-left: 2rem;
  user-select: none;
}

.form-line .checkbox-text em {
  font-size: 0.7rem;
}

.form-line .checkbox:hover input:before,
.form-line .radio:hover input:before {
  box-shadow: 0 0 10px rgba(53, 123, 75, 0.25);
}

.form-line .checkbox input,
.form-line .radio input {
  outline: 0;
  width: 1px !important;
  height: 1px !important;
  padding: 0;
  border: 0;
  transform: translate(-1.5rem, 0px);
}

.product-attributes-wrap .form-line .radio input {
  outline: 0;
  width: 2px !important;
  height: 0px !important;
  padding: 0;
  border: 0;
}

.form-line .checkbox input:checked:before,
.form-line .radio input:checked:before {
  background-color: var(--color-black);
  border-color: var(--color-black);
}

.form-line .checkbox input:before,
.form-line .radio input:before {
  content: "check";
  font-family: "Material Symbols Outlined";
  cursor: pointer;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
  background-color: var(--color-white);
  border: 2px solid var(--color-gray);
  border-radius: 0.25rem;
  position: absolute;
  top: 50%;
  font-size: 1.5rem;
  left: -0.25rem;
  transform: translate(0, -50%);
  transition: 0.3s;
}
.form-inline .form-line .checkbox input:before,
.form-inline .form-line .radio input:before {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--color-white);
  background-color: var(--color-white);
}

.form-line .radio:hover input:before {
  box-shadow: 0 0 5px rgba(53, 123, 75, 0.25);
  background-color: var(--color-white);
}

.form-line .radio input:checked:before {
  content: "";
  border-width: 5px;
  background-color: var(--color-green-d);
}

.form-line .radio input:before {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}

.product-attributes-wrap .form-line .radio input:before {
  top: 0 !important;
  transform: none;
  color: transparent !important;
}

.form-line label {
  width: 100%;
  margin-bottom: 0;
}

.checkout-step {
  width: 100%;
  padding: 0 !important;
}

.checkout-step.-complete {
  display: none;
}

.checkout-step.-current {
  display: block;
}

.checkout-methods label {
  padding: 1rem;
  background-color: var(--color-white_d);
  border: 1px solid var(--color-gray);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
}
.checkout-methods .form-line .radio input:before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
}
.checkout-methods label img {
  height: 1.75rem;
  width: auto;
}
.checkout-methods label input[type="radio"] {
  margin-right: 0.25em;
}
.payment-option {
  padding: 1rem;
  margin-bottom: 1rem;
  background-color: var(--color-white_d);
  border: 1px solid var(--color-gray);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
}
.payment-option label {
}
.payment-option label img {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 0.5rem;
}
.payment-option label span {
  font-weight: 500;
}
.payment-option input[type="radio"] {
  margin-right: 0.25em;
}
.edit-attr-form .form-line .radio input {
  width: 0 !important;
}
.edit-attr-form .form-line .radio input:before {
  color: transparent !important;
}

.form-inline {
  display: flex;
  align-items: flex-end;
}

.form-inline label {
  margin: 0;
  margin-right: 0.5rem;
  max-width: calc(70% - 0.5rem);
}

.form-inline input,
.form-inline select {
  background-color: var(--color-white);
  height: 3rem;
  border-radius: 100vw;
}

.form-inline button {
  height: 3rem;
  width: 100%;
  max-width: 30%;
  color: var(--color-white);
  padding: 0;
  background-color: var(--color-black);
}

.form.ocst-form input,
.form.ocst-form select {
  height: 2.5rem;
}

.attribute-ttl {
  font-size: 1.2em;
  font-weight: 500;
}

.attribute-details {
}

.attribute-details * {
  user-select: none;
}

.attribute-details .rating-line i {
  width: 1rem;
  height: 1rem;
  font-size: 1.5rem !important;
  color: var(--color-black_l);
}

.attribute-details input[type="radio"],
.attribute-details input[type="checkbox"] {
  display: none;
}

.attribute-details.type-text input,
.attribute-details.type-text select,
.attribute-details.type-text .chzn-container-single .chzn-single {
  padding: 0.75rem 1rem;
  border: 1px solid var(--color-black);
  width: 100%;
  border-radius: 0.5rem;
  background-color: var(--color-white);
}
.attribute-details.type-text select{
  color: var(--color-black);
  min-height: 1.5rem;
}

.attribute-details.type-radio label {
  margin: 0.5rem 0.5rem 0 0;
  /*   display: block; */
}

.attribute-details.type-radio label span::before {
  content: "check";
  font-family: "Material Symbols Outlined";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1em;
  height: 1em;
  border-radius: 100vw;
  opacity: 0;
  z-index: 1;
  transition: 0.25s;
  color: var(--color-black);
  background-color: var(--color-white);
  font-size: 1em;
}

.attribute-details.type-radio label input:checked + span::before {
  opacity: 1;
}
.attribute-details.type-radio label.radio-label input:checked + span {
  border-color: var(--color-black);
}

.attribute-details.type-radio label span {
  line-height: 1;
  display: inline-block;
  padding: 0.15rem 0.5rem;
  position: relative;
}

.attribute-details.type-radio label.radio-label {
  width: calc(20% - 0.5rem);
}

.attribute-details.type-radio .radio-img {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0.7em;
  padding: 0;
  padding-top: 0.25em;
  line-height: 1.2;
  position: relative;
  overflow: hidden;
  border-color: var(--color-white_d);
}

.attribute-details.type-radio img {
  width: 50px;
  height: 50px;
}

.attribute-details.type-radio b {
  font-weight: 400;
  padding-top: 0.1em;
}

.attribute-details.type-color.big {
  padding: 0 0.75rem;
}
.attribute-details.type-color label:hover span:before,
.attribute-details.type-color input:checked + span:before,
.attribute-details.type-color.big input:checked + span:before {
  opacity: 1;
}

.attribute-details.type-color input:checked + span .attribute_addition_field {
  display: block;
}

.attribute-details.type-color label {
  display: inline-block;
  margin: 0 0.25rem 0.25rem 0;
}

.attribute-details.type-color.big label {
  margin: 0 0.75rem 1rem 0;
}
.attribute-details.type-color i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.attribute-details.type-color.big label span {
  width: 4.5rem;
  height: 4.5rem;
}
.attribute-details.type-color label span {
  width: 3rem;
  height: 3rem;
  display: block;
  position: relative;
}
.attribute-details.type-color label span img {
  border-radius: 100vw;
}

.attribute-details.type-color label span img {
  border-radius: 0;
}

.attribute-details.type-color.big input:checked + span {
  outline: 2px solid var(--color-black);
  outline-offset: 0.3em;
}
.attribute-details.type-color input:checked + span {
  outline: 1px solid var(--color-black);
  outline-offset: 0.15em;
}
.attribute-details.type-color label span::before {
  content: "task_alt";
  font-family: "Material Symbols Outlined";
  width: 1em;
  height: 1em;
  position: absolute;
  border-radius: 0.5em;
  top: -0.5em;
  left: -0.55em;
  opacity: 0;
  z-index: 1;
  transition: 0.25s;
  color: var(--color-black);
  background-color: var(--color-white);
  font-size: 1.25em;
}
.attribute-details.type-color.big label span::before {
  font-size: 1.75em;
}

.attribute-details.type-switcher {
  display: flex;
}
.attribute-details.type-switcher label:nth-child(1) span:after,
.attribute-details.type-switcher label:nth-child(2) span:before {
  content: "";
  width: 25px;
  height: 25px;
  background-color: var(--color-gray);
  display: inline-block;
  position: relative;
  top: 5px;
  border: 1px solid var(--color-gray);
}

.attribute-details.type-switcher label:nth-child(1) span:after {
  /*   margin-left: 0.5rem; */
  border-radius: 15px 0 0 15px;
  border-right-width: 0;
}

.attribute-details.type-switcher label:nth-child(2) span:before {
  margin-right: 0.5rem;
  border-radius: 0 15px 15px 0;
  border-left-width: 0;
}

.attribute-details.type-switcher label:nth-child(1) input:checked + span:before,
.attribute-details.type-switcher label:nth-child(2) input:checked + span:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 5px;
  width: 25px;
  border-radius: 15px;
  height: 25px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}

.attribute-details.type-switcher label:nth-child(1) input:checked + span:before {
  right: 0;
  background-color: var(--color-gray);
}

.attribute-details.type-switcher label:nth-child(1) input:checked[value="no"] + span:before,
.attribute-details.type-switcher label:nth-child(1) input:checked[value="none"] + span:before,
.attribute-details.type-switcher label:nth-child(1) input:checked[value="0"] + span:before {
  background-color: var(--color-white_d) !important;
}

.attribute-details.type-switcher label:nth-child(2) input:checked + span:after {
  left: 0;
  background-color: var(--color-main_d);
}

.attribute-details.type-switcher label:hover {
  color: var(--color-black);
}

.attribute-details.type-switcher label {
  display: flex;
  align-items: center;
}

.attribute-details.type-switcher label span {
  position: relative;
}

.attribute-details.type-switcher-checkbox label {
  display: flex;
  align-items: center;
}

.attribute-details .switcher-container {
  width: 50px;
  height: 25px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
  position: relative;
  display: inline-block;
}

.attribute-details .switcher-container:before {
  content: "";
  width: 25px;
  height: 25px;
  background-color: var(--color-gray);
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 25px;
  border: 1px solid var(--color-gray);
}

.attribute-details input:checked + .switcher-container:before {
  left: auto;
  right: 0;
  background-color: var(--color-main_d);
}

.attribute-details.vc_select {
  width: auto;
  min-width: 175px;
  user-select: none;
  color: var(--color-black);
}
.attribute-details.vc_select .title {
  line-height: 1.2;
  justify-content: space-between;
}
.attribute-details.vc_select .title i {
  margin-left: 1rem;
}

.attribute-details.type-dropdown select,
.attribute-details textarea,
.attribute-details.vc_select {
  resize: none;
  max-width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--color-gray);
  border-radius: 0.25em;
  background-color: var(--color-white);
}
.attribute-details textarea {
  display: block;
  width: 100%;
  height: 150px;
}

.attribute-details p {
  width: 100%;
  display: block;
}

.attribute-details.type-models {
  display: flex;
  flex-wrap: wrap;
}
.attribute-details.type-models label {
  display: flex;
  flex-direction: column;
  width: calc(50% - 1rem);
  margin-right: 1rem;
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 1rem;
  border: 1px solid var(--color-gray);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}
.attribute-details.type-models label i {
  position: relative;
  top: 2px;
  font-size: 1em;
}
.attribute-details.type-models img {
  width: calc(100% + 2rem);
  margin-left: -1rem;
}

.attribute-details.type-models.combo label {
  width: calc(33% - 0.5rem);
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.75rem 0.5rem;
}
.attribute-details.type-models.combo .details {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.attribute-details.type-models.combo .custom-radio {
  display: block;
  margin: 0 auto;
  width: 1.5em;
  height: 1.5em;
  border-radius: 100vw;
}
.attribute-details.type-models.combo .custom-radio:after {
  font-size: 1.5em;
}
.attribute-details.type-feature {
  display: flex;
  flex-wrap: wrap;
}
.attribute-details.type-feature label {
  width: calc(50% - 0.75rem);
  margin-bottom: 0.75rem;
  margin-right: 0.75rem;
  border-radius: 0.75rem;
  background-size: cover;
  background-position: top center;
  overflow: hidden;
  border: 1px solid var(--color-gray);
  position: relative;
}
.attribute-details.type-feature label.disabled{
  opacity: 0.75 !important;
}
.attribute-details.type-feature label.disabled:before{
  content: 'Included in the bundle';
  position: absolute;
  top: 1rem;
  left: 0;
  font-size: 0.9rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0 0.5rem 0.5rem 0;
  z-index: 1;
  color: var(--color-white);
  background-color: var(--color-green);
}

.attribute-details.type-feature .details {
  display: flex;
  min-height: 300px;
  flex-direction: column;
  justify-content: end;
  position: relative;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  color: var(--color-white);
  padding: 0.5rem;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0) 50%);
}

.attribute-details.type-feature .vc_tooltip {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  color: var(--color-black);
}

.attribute-details.type-feature .details img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.line-recomended-screen {
  display: none;
  background-color: var(--color-red);
  color: var(--color-white);
  font-size: 0.9em;
  padding: 0.5em 0;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
@keyframes ticker {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-100%);
  }
}
@-webkit-keyframes ticker {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-100%);
  }
}
.scrolling-text {
  display: flex;
}
.scrolling-text:hover p {
  animation-play-state: paused;
}
.scrolling-text p {
  min-width: clamp(20rem, 35vw, 40vw);
  display: flex;
  white-space: nowrap;
  align-items: center;
  animation: ticker 14s infinite linear;
  -webkit-animation: ticker 14s infinite linear;
}
.scrolling-text p:after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin: 0 4rem;
  background-size: contain;
  background-position: center;
  background-image: url("/img/theme/icons/wave.svg");
}

.accordion-item_ttl {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  cursor: pointer;
  padding: 1em 0;
  font-size: 1rem;
  text-align: left;
  border-top: 1px solid var(--color-gray);
}

.accordion-item_ttl > i {
  color: var(--color-grey);
  font-size: 0.9em;
}

.accordion-item_ttl p:hover {
  color: var(--color-black);
}

.accordion-item_ttl p i {
  width: 25px;
  color: var(--color-black);
  font-size: 1.2em;
  margin-right: 0.25em;
}

.accordion-item.active .accordion-item_ttl {
  color: var(--color-black);
}

.accordion-item.active .accordion-item_ttl > i {
  transform: rotate(180deg);
  transition: 0.3s all;
}

.accordion-item.active .accordion-item_content {
  height: auto;
  padding: 0.75rem 0;
}

.accordion-item_content {
  transition: 0.3s all;
  height: 0;
  position: relative;
  overflow: hidden;
  font-size: 0.9em;
}

#address .list-breadcrumbs,
#addresses .list-breadcrumbs,
#identity .list-breadcrumbs,
#history .list-breadcrumbs,
#order-detail .list-breadcrumbs,
#module-vc_membership-CustomerActions .list-breadcrumbs,
#password .list-breadcrumbs,
#identity .list-breadcrumbs,
#identity .list-breadcrumbs,
#identity .list-breadcrumbs,
#identity .list-breadcrumbs{
  justify-content: center;
}

.account-content {
  padding: 2rem 0;
}

.account-content > p {
  font-size: 110%;
  font-weight: 400;
  margin-bottom: 1rem;
}

.block_page-header {
  position: relative;
}
.block_page-header .content {
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 100%;
  max-width: 90%;
  font-size: 1.2rem;
  position: absolute;
  text-align: center;
  color: var(--color-white);
  transform: translate(-50%, -50%);
  text-shadow: 0 5px 5px var(--color-black);
}
.block_page-header .title {
  font-weight: 500;
  font-size: 3rem;
}
.block_page-header .subtitle {
  font-weight: 400;
  font-size: 1.1rem;
}
.block_page-header .image {
  position: relative;
  aspect-ratio: 8 / 1;
  overflow: hidden;
  display: block;
  clip-path: inset(0);
}
.block_page-header .image img {
  object-fit: cover;
  position: absolute;
  left: 0;
  bottom: -7rem;
  width: 100%;
  height: auto;
}

.pallet {
  padding: 1em;
  border-radius: 1em;
  background-color: var(--color-white);
  box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.1);
}
.pallet form input,
.pallet form select {
  background-color: var(--color-white_d);
}
.pallet .pallet {
  box-shadow: none;
}

.progress-area {
  width: 100%;
  height: 0.4rem;
  position: relative;
  display: inline-block;
  background-color: var(--color-gray);
  border-radius: 0.75rem;
}
.progess-line {
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  min-width: 2rem;
  border-radius: 0.75rem;
  position: absolute;
  background-color: var(--color-red);
  background-image: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.5) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0.5) 75%,
    transparent 75%,
    transparent
  );
}
.progess-line i {
  width: 2rem;
  height: 2rem;
  border-radius: 100vw;
  background-color: var(--color-white);
  border: 2px solid var(--color-red_l);
  color: var(--color-red);
  position: absolute;
  top: -0.75rem;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

ul.attributes-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 1rem 1.5rem;
  border-radius: 1rem;
  background-color: var(--color-white_d);
}
.attributes-list li {
  width: 100%;
  margin-bottom: 0.25em;
}
.attributes-list li:last-child {
  margin-bottom: 0;
}
.attributes-list .label {
  color: var(--color-black_l);
}
.attributes-list .label:after {
  content: ":";
  font-size: 1em;
}

.attributes-list.show-all li {
  display: block;
}
.attributes-list.active li {
  display: list-item;
}
.sticky-container {
  position: sticky;
  top: 9rem;
}

.search-form {
  width: 100%;
  display: inline-block;
  position: relative;
  overflow: hidden;
  border-radius: 100vw;
  border: 2px solid var(--color-gray);
}

.search-form input[type="search"] {
  border: 0;
  padding: 0.8rem;
  width: 100%;
}

.search-form button {
  display: flex;
  align-items: center;
  font-weight: 400;
  border: 0;
  position: absolute;
  right: 0.4rem;
  top: 50%;
  transform: translate(0, -50%);
  background-color: var(--color-main_d);
  padding: 0.5em 1.25em;
  transition: 0.25s;
  border-radius: 100vw;
  color: var(--color-white) !important;
}
.search-form button:hover {
  background-color: var(--color-main);
}
.search-form button i {
  font-size: 0.9em;
  margin-right: 0.5em;
}
.header-button > li:first-child > a {
  color: var(--color-black);
  background-color: var(--color-gray);
}
.header-button > li > a {
  white-space: nowrap;
  display: inline-block;
  padding: 0.75rem 1rem;
  font-size: 1em;
  border-radius: 100vw;
  color: var(--color-white);
  background-color: var(--color-black);
}

.header-hidden {
  transform: translate(0, -100%);
}
.only-scroll {
  display: none;
}
.header-scrolled .only-scroll {
  display: block;
}

.header-scrolled {
  transform: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 4;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
  transition: 0.3s;
}

.header-scrolled .preheader {
  display: none;
}

.btn_scroll-top {
  opacity: 0.75;
  position: fixed;
  z-index: 3;
  background-color: var(--color-white);
  color: var(--color-grey);
  right: 1.25rem;
  bottom: -100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  font-size: 1.25rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  transition: 0.3s;
}

.btn_scroll-top.active {
  bottom: 3rem;
}

.btn_scroll-top.active:hover {
  opacity: 1;
}
.btn_scroll-top i {
  top: auto !important;
  line-height: normal;
}

.btn-mobile_nav {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 3.5rem;
  height: 2.5rem;
  background: transparent;
  border: 0;
}

.btn-mobile_nav > span {
  width: 100%;
  height: 3px;
  margin: 3px 0;
  position: relative;
  display: inline-block;
  background-color: var(--color-black);
  transition: 0.5s;
  transform-origin: 0 50%;
}
.btn-mobile_nav.active > span {
  opacity: 0;
  margin: 0;
}
.btn-mobile_nav.active > span:first-child {
  opacity: 1;
  transform: translate(5px, -5px) rotate(45deg);
}
.btn-mobile_nav.active > span:last-child {
  opacity: 1;
  transform: translate(5px, 8px) rotate(-45deg);
}

.account-nav a {
  width: 100%;
  text-align: center;
  display: inline-block;
  padding: 1.5rem 0.75rem 2.5rem 0.75rem;
  color: var(--color-black);
  background-color: var(--color-white);
  font-weight: 400;
  text-transform: uppercase;
  font-size: 0.9em;
  border-radius: 0.75em;
  margin-bottom: 2rem;
}
.account-nav i {
  font-size: 4rem;
  line-height: normal;
  margin-bottom: 1rem;
  display: block;
  text-align: center;
  color: var(--color-light);
}
.account-nav a:hover{
  color: var(--color-main);
}

.page-overlay {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  opacity: 0;
  background-color: var(--color-black);
  visibility: hidden;
  transition:
    opacity 0.5s,
    visibility 0s;
}

.page-overlay.active {
  visibility: visible;
  opacity: 0.75;
}

.sticky-slide {
  z-index: 10;
  top: 0;
  right: -100%;
  transition: 0.5s;
  position: fixed !important;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 1rem 0 0 1rem;
  max-width: 420px;
  background-color: var(--color-white);
}

.sticky-slide.active {
  right: 0;
  box-shadow: -10px 0 10px rgba(0, 0, 0, 0.15);
}

.sticky-slide.right {
  right: auto;
  left: -100%;
}

.sticky-slide.right.active {
  right: auto;
  left: 0;
  box-shadow: 10px 0 10px rgba(0, 0, 0, 0.15);
}

.sticky-slide .sticky-content {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.sticky-slide .sticky-content > div {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
}

.sticky-slide .sticky-content img {
  width: auto;
}

.sticky-slide .sticky-content > .tab:not(.active) {
  display: none;
}

.sticky-slide .sticky-content iframe {
  max-width: 100%;
}

/* For Secondary Pages - move somewhere */
.block_text_content {
  color: var(--color-black_l);
  background-color: var(--color-main_l);
}
/*
.block_text_content{
  background-repeat: repeat;
  background-image: url('/img/theme/background-dots.jpg');
}
*/
/*
.block_text_content .container_12{
  padding: 2rem 1rem;
  border-radius: 1rem;
  background-color: var(--color-white);
}
*/
.block_text_content .container_12 {
  display: flex;
  flex-wrap: wrap;
}
.block_text_content .container_12 .grid_12 {
  width: 100%;
  padding: 0 1rem;
  padding: 0;
}
.block_text_content .container_12 .grid_12 {
  display: flex;
  flex-wrap: wrap;
}
.block_text_content .container_12 .grid_12 .grid_12 .grid_12.alpha.omega {
  margin: auto;
  max-width: 1400px;
}
.block_text_content .alpha {
  padding-left: 0 !important;
}
.block_text_content .omega {
  padding-right: 0 !important;
}
.block_text_content .container_12 .grid_8 {
  width: 66.6667%;
  padding: 0 1rem;
}

.block_text_content .container_12 .grid_4 {
  width: 33.3334%;
  padding: 0 1rem;
}
.block_text_content .container_12 .grid_3 {
  width: 25%;
  padding: 0 1rem;
}

.block_text_content h1,
.block_text_content h2,
.block_text_content h3,
.block_text_content h4 {
  font-weight: 500;
  color: var(--color-main_d);
  margin-bottom: 0;
}

#contentHeadline {
  width: 100%;
  font-size: 2.3em;
  text-align: center;
  margin-bottom: 0;
}

.block_text_content h2,
.block_text_content h3,
.block_text_content h4 {
  width: 100%;
  font-size: 1.25em;
  margin-top: 1.25em;
}

.block_text_content p {
  font-size: 0.9em;
  padding: 1em 0;
}
.block_text_content strong {
  font-weight: 500 !important;
}
.block_text_content b,
.block_text_content .bold,
.block_text_content strong {
  color: var(--color-black);
  margin: 0.25em 0;
  display: inline-block;
}
.block_text_content img {
  width: auto;
}
.block_text_content .imagecaption {
  font-size: 0.8rem;
  text-align: center;
  padding: 0.25rem;
}
.block_text_content table {
  width: 100%;
}
.block_text_content ul {
  padding-left: 2em;
}
.block_text_content li {
  list-style-type: disc;
  margin-bottom: 0.25em;
}
.block_text_content li ul {
  margin: 0.5em 0;
}
.block_text_content li ul li {
  list-style-type: circle;
}
.block_text_content .box-wrapper {
  border-radius: 0.25rem;
  margin: 0;
  margin-bottom: 0.75rem;
}
.block_text_content .box-wrapper.headline {
  border: 1px solid #ddc9c2;
}
.block_text_content .box {
  padding: 0.5rem;
  border-radius: 0.25rem;
}
.block_text_content .box.headline {
  display: flex;
  background: none repeat scroll 0 0 #ffe9e0;
  border: 1px solid #fff;
  padding: 0.5em 0.7em;
}
.block_text_content .headline img {
  padding: 0.5em;
  padding-right: 1em;
}
.block_text_content .headline h1,
.block_text_content .headline h2 {
  margin: 0;
}
.block_text_content .headline h1 {
  font-size: 0.9em;
  margin: 1em 0;
}
.block_text_content .headline h2 {
  font-size: 1.5em;
}
.block_text_content .headline p {
  font-size: 0.75em;
  color: #000;
}
.block_text_content #headline {
  margin: 0;
  padding: 0.5em;
}
.block_text_content ul.chem-links {
  padding: 0;
  display: flex;
  justify-content: center;
}
.block_text_content .chem-links li {
  display: inline-block;
  list-style: none;
  margin: 10px 30px 20px 30px;
  border: 1px solid #d5d5d5;
  padding: 5px 10px;
  text-align: center;
}
.gradient-bg-grey {
  background: none repeat scroll 0 0 #f0f0f0;
  background: -moz-linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f0f0f0));
  background: -webkit-linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#F0F0F0',GradientType=0 );
  background: linear-gradient(top, #fefefe 0%, #f0f0f0 100%);
}
.block_text_content h2.contentSubhead3,
.block_text_content h3.contentSubhead3,
.block_text_content #sc-config-header h1 {
  width: 100%;
  font-family: Oswald, Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  color: #315c7b;
  padding-top: 20px;
  margin: 0;
  line-height: 1em;
  font-weight: 400;
}
.block_text_content .ctgy-link-2col {
  text-align: center;
  min-height: 100px;
  border: 1px solid #d5d5d5;
  border-radius: 5px 5px 5px 5px;
  color: #555;
  width: 100%;
  margin: 10px;
}
.block_text_content .ctgy-link-2col table {
  width: 100%;
}
.block_text_content .ctgy-link-2col img {
  padding: 7px 17px 7px 7px;
}
.block_text_content .ctgy-link-2col h2,
.block_text_content .ctgy-link-2col h4 {
  font-display: swap;
  font-family: Oswald, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  padding: 0;
  margin: 15px 5px 5px 5px;
}
.block_text_content .ctgy-link-2col p {
  font-family: ff-dax-compact-web-pro, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 300;
  padding: 0;
  margin: 0 5px 5px 0;
}
.block_text_content .findFilterMethodWrap {
  border: 1px solid #d5d5d5;
  min-height: 300px;
  position: relative;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
}
/* Overwrite Cat */
body.page-category .block_text_content {
  padding: 0;
  background-color: var(--color-white);
}
body.page-category .box-wrapper.headline {
  width: 100%;
  border: 0;
  margin: 0;
  padding: 1.5rem 0;
  display: block;
  border-radius: 0;
  background-color: #ffe9e0;
}
body.page-category .box.headline {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  background: transparent;
  border: 0;
  padding: 0 15px;
  margin: auto;
  width: 100%;
  max-width: 1400px;
}
body.page-category .headline img {
  padding: 0;
  padding-left: 1rem;
}
body.page-category .headline h1 {
  margin: 0;
  font-size: 1rem;
}
body.page-category .headline h2 {
  font-weight: bold;
  font-size: 2.5rem;
  max-width: 60%;
  line-height: 2.5rem;
  margin: 1rem 0;
}
body.page-category .headline p {
  font-size: 0.9rem !important;
  padding: 0 !important;
  color: var(--color-black_l);
}
body.page-category ul.chem-links {
  margin: 1rem auto;
  justify-content: start;
  gap: 1rem;
  flex-wrap: wrap;
}

body.page-category ul.chem-links li {
  margin: 0;
  padding: 0.75rem 1.25rem;
  border: 0;
  border-radius: 3em;
  font-size: 1rem;
  font-weight: 400;
  background: var(--color-black) !important;
  color: var(--color-white);
}

body.page-category h2.contentSubhead3,
body.page-category h3.contentSubhead3,
body.page-category #sc-config-header h1 {
  border: 0 !important;
  padding: 0 !important;
  margin: 1.5rem auto 2rem auto !important;
  background: transparent !important;
  font-family: inherit;
  font-size: 3rem;
  font-weight: bold;
  display: block;
  text-align: left;
  width: 100%;
  max-width: 1400px;
  line-height: normal;
  color: var(--color-black);
}

body.page-category #categoryLinks,
body.page-category #chem-shopbybrand,
body.page-category #chem-shopbysystem {
  margin: auto;
  max-width: 1400px;
}

body.page-category .ctgy-link-2col {
  margin: 1rem 0;
  border-radius: 0.5rem;
  border: 1px solid var(--color-gray);
  height: calc(100% - 2rem);
}

body.page-category .ctgy-link-2col a {
  /*   float: left;
  padding: 0.25em 0.5em;
  background-color: var(--color-white_d); */
}

body.page-category .ctgy-link-2col img {
  /*   float: none;
  padding: 0; */
  padding: 0.5em 1em;
}
body.page-category .ctgy-link-2col h2,
body.page-category .ctgy-link-2col h4 {
  margin: 0.5em 0 0.25em 0;
  color: var(--color-black);
  font-size: 1.3rem;
  font-family: inherit;
  font-weight: 500;
}
body.page-category .ctgy-link-2col h2 a,
body.page-category .ctgy-link-2col h4 a {
  padding: 0;
  font-size: 1em;
  background: transparent;
}
body.page-category .ctgy-link-2col p {
  margin: 0;
  font-size: 0.9rem;
}
body.page-category .chembrand_border {
  text-align: left;
  border-radius: 1em;
  min-height: 120px;
  border: 1px solid var(--color-white_d);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
}
body.page-category .chembrand_border img {
  float: left;
  width: 120px;
  height: auto;
  margin: 0;
  margin: 1em 0;
  padding: 0.5em;
  padding-right: 1em;
}
body.page-category p a {
  opacity: 0.9;
  text-decoration: underline;
}
body.page-category #narrative h3.contentSubhead3 {
  color: var(--color-main_d);
}

.box-product .product_inside {
  width: 100%;
  text-align: center;
  display: block;
  margin: auto;
  max-width: 240px;
  position: relative;
  margin-bottom: 2rem;
  border-radius: 0.5em;
  background-color: var(--color-white_d);
  height: calc(100% - 2rem);
}
.box-product .image {
  padding: 0.75em;
  border-radius: 0.5em;
}
.box-product .image a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 200px;
  border-radius: 0.5em;
  background-color: var(--color-white);
}
.box-product .name:hover {
  text-decoration: underline;
}
.box-product .name {
  font-size: 1em;
  padding: 0 1em 0.5em 1em;
  font-weight: 500;
  text-align: left;
  color: var(--color-black);
}
.box-product .cart {
  position: absolute;
  display: block;
  z-index: 1;
  top: 170px;
  width: calc(100% - 2rem);
  left: 1rem;
}
.box-product .cart a {
  font-size: 0.9em;
  padding: 0.5em 0;
  width: 100%;
  display: inline-block;
  color: var(--color-white);
  background-color: var(--color-main_d);
  border-radius: 1em;
}
.box-product .price {
  text-align: left;
  padding: 0 1em 1.5em 1em;
}
.box-product .price-old {
  text-decoration: line-through;
}
.box-product .price-new {
  font-size: 1.1em;
  color: var(--color-main_d);
}
.box-product .feature-narrative {
  font-size: 0.8em;
  margin-top: -0.5em;
  padding: 0 1em;
}
body.page-category h5 {
  width: 100%;
}
body.page-category .biggerFont {
  margin: 0 0.25em;
  font-size: 1.25em;
}
body.page-category .red {
  color: var(--color-red);
}

body.page-category .pleatco-mfr {
  background: url(https://www.spa-mart.com/img/miva/pleatco-mfr.jpg) no-repeat scroll 0 0 transparent;
  height: 48px;
  position: absolute;
  right: -10px;
  top: -6px;
  width: 65px;
  border: 1px solid #d5d5d5;
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px #888;
  box-shadow: 0 0 5px #888;
}
body.page-category .pleatco-mea {
  background: url(https://www.spa-mart.com/img/miva/pleatco-mea.jpg) no-repeat scroll 0 0 transparent;
  height: 48px;
  position: absolute;
  right: -10px;
  top: -6px;
  width: 65px;
  border: 1px solid #d5d5d5;
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px #888;
  box-shadow: 0 0 5px #888;
}
body.page-category .pleatco-ref {
  background: url(https://www.spa-mart.com/img/miva/pleatco-ref.jpg) no-repeat scroll 0 0 transparent;
  height: 48px;
  position: absolute;
  right: -10px;
  top: -6px;
  width: 65px;
  border: 1px solid #d5d5d5;
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px #888;
  box-shadow: 0 0 5px #888;
}
body.page-category .findFilterMethodWrap h3.contentSubhead3 {
  margin: 0 !important;
  font-size: 1.1rem !important;
  font-weight: 500;
  margin-top: 0.5em !important;
}

body.page-category .findFilterMethod .mfrLinks {
  padding: 2px;
  margin-right: 1rem;
}
body.page-category .findFilterMethod .mfrLinks a {
  font-size: 0.8em;
}

body.page-category .findFilter-label {
  z-index: 1;
  height: 2.5rem;
  width: 5rem;
  border-radius: 1rem;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  background-color: var(--color-main_d);
  position: absolute;
  top: 0;
  right: 0;
  color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
  font-size: 1.4rem;
}

body.page-category .or-label {
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  width: 350px;
}

body.page-category .or-label p {
  padding-bottom: 0;
}

body.page-category .spaAccSection {
  border: 1px solid var(--color-white_d);
  min-height: 480px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
  position: relative;
  margin-bottom: 1rem;
  border-radius: 0.75rem;
}

body.page-category .spaAccSection h3 {
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 1em;
  font-weight: 500;
  font-size: 1.4rem;
}
body.page-category .narrative {
  border: 1px solid var(--color-white_d);
  text-align: center;
  padding: 1rem 2rem;
  border-radius: 0.75rem;
}

body.page-category .narrative .image {
  display: block;
  width: 100%;
  margin-bottom: 0.75em;
}

body.page-category .spacover-shape {
  border: 1px solid #eee;
  border-radius: 5px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.form-field #meter {
  margin-top: -2rem;
  margin-left: 0.4rem;
}
.form-field #password-strength-meter {
  width: calc(100% - 0.3rem);
  max-width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none !important;
  block-size: 0.6rem !important;
}
meter {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none !important;
}
meter::-moz-meter-bar {
  background: transparent;
}

#password-strength-meter::-webkit-meter-optimum-value,
#password-strength-meter::-webkit-meter-suboptimum-value,
#password-strength-meter::-webkit-meter-even-less-good-value {
  height: 100%;
}
.form-field #password-strength-text {
  font-size: 0.8rem;
  margin: 0 0 0.5rem 0.5rem;
  color: var(--color-black_l);
}
meter::-webkit-meter-bar {
  background: transparent !important;
  border-bottom-right-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
  overflow: hidden;
}
meter::-webkit-meter-optimum-value {
  background: linear-gradient(90deg, #4caf50, #2e7d32);
}

meter::-webkit-meter-suboptimum-value {
  background: linear-gradient(90deg, #ffc107, #ff9800);
}

meter::-webkit-meter-even-less-good-value {
  background: linear-gradient(90deg, #f44336, #b71c1c);
}

meter::-moz-meter-bar {
  background: linear-gradient(90deg, #4caf50, #2e7d32);
  border-bottom-right-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
}

.short-content {
  min-height: calc(100vh - 700px);
}

.no-border,
.noBorder th,
.noBorder td {
  border: 0 !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

.text-d-through {
  text-decoration: line-through !important;
}

.youtube-iframe {
  padding-bottom: 56.25%;
}

.toggle {
  position: absolute;
  top: 3.75rem;
  right: 1rem;
  height: 3rem;
  display: flex;
  align-items: center;
  width: 300px;
  height: 3rem;
  background: var(--color-white_d);
  border-radius: 999px;
  overflow: hidden;
  cursor: pointer;
}

.toggle-option {
  flex: 1;
  text-align: center;
  padding: 0.8rem 0;
  z-index: 2;
  font-weight: bold;
}

.toggle-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: var(--color-black);
  border-radius: 999px;
  transition: transform 0.3s ease;
  z-index: 1;
}

.shipestimate {
  margin: -2.5rem;
  padding: 2rem;
}

.fancybox__backdrop {
  backdrop-filter: blur(5px) !important;
  background: rgba(255, 255, 255, 0.65) !important;
}

.fancybox__content > .f-button.is-close-btn {
  background-color: #18181b4d;
  border-radius: 50%;
}

.fancybox__content > .f-button.is-close-btn:hover {
  background-color: #18181b80;
  border-radius: 50%;
}

.fancybox__container iframe {
  width: 100%;
  max-width: 800px !important;
  margin: 0 auto;
}
[data-fancybox-close] svg {
  stroke: var(--color-white);
}

#payment-option-2-container {
  display: none !important;
}

.attribute-details.type-models .readmore-label {
  display: none;
}
.button-password{
  position: absolute;
  right: 12px;
  bottom: 12px;
  color: var(--color-black_l);
}

/*Page*/

html {
  scroll-behavior: smooth;
}
.main__banner {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
  height: 700px;
  line-height: 0;
}
.main__banner__video,
.main__banner__image {
  bottom: 0;
  position: absolute;
  width: 100%;
  filter: brightness(0.85);
}

.main__banner__image {
  overflow: hidden;
  height: 100%;
}

.main__banner__image img {
  position: absolute;
  left: 0;
  bottom: 0;
}

.main__banner__content {
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 5rem;
  position: absolute;
  line-height: normal;
}
.main__banner.small {
  height: 350px;
}

.small .main__banner__image {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  display: block;
  clip-path: inset(0);
  filter: none;
}

.small .main__banner__image img {
  object-fit: cover;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.scroll-down-verbiage {
  display: block;
  text-align: center;
  font-size: 0.9rem;
  color: var(--color-white);
  margin-top: 2.5rem;
  margin-bottom: -2.5rem;
}
.scroll-down-verbiage img {
  width: 3rem;
  display: block;
  margin: 0 auto 1rem auto;
  position: relative;
  transform: translateY(-1rem);
  animation: scroll-down 2s linear infinite;
}
@keyframes scroll-down {
  0% {
    transform: translateY(-2rem);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes ticker-right {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(100%);
  }
}
@-webkit-keyframes ticker-right {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(100%);
  }
}

.ttl-line {
  margin-bottom: 3rem;
}

.ttl-line h1,
.ttl-line h2 {
  font-size: 3rem;
  margin: 0;
}
.ttl-line .pretitle {
  display: flex;
  align-items: center;
  color: var(--color-main_d);
  font-weight: 500;
  font-size: 1.1rem;
}
.pretitle svg {
  width: 4rem;
  height: auto;
  margin-right: 1rem;
  fill: var(--color-main_d);
}
.ttl-line p {
  margin: 0;
  font-size: 1rem;
  color: var(--color-black_l);
}

.items-list_1 .item {
  display: block;
  line-height: 0;
  overflow: hidden;
  position: relative;
  border-radius: 1rem;
  margin-bottom: 1.5rem;
  background-color: var(--color-black);
}

.items-list_1 .item img {
  transition: 0.75s;
  height: auto;
  max-height: 500px;
  filter: brightness(0.7);
}

.items-list_1 .item:hover img {
  transform: scale(1.05);
  filter: brightness(0.9);
}

.items-list_1 .item:hover .btn {
  color: var(--color-white);
  background-color: var(--color-black);
}

.items-list_1 figcaption {
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 0.5rem 2rem 0.5rem;
  position: absolute;
  line-height: normal;
  font-style: normal;
  font-size: 1.1rem;
}

.items-list_1 .ttl {
  font-weight: 500;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
}
.items-list_1 p {
  font-size: 0.9em;
  margin-top: 0.25em;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
}
.items-list_1 .col-2 figcaption {
  text-align: left;
  font-size: 0.8rem;
  padding: 0 1rem 1.5rem 1rem;
}

.items-list_2 a {
  text-align: center;
  display: block;
  line-height: 0;
  margin-bottom: 1.5rem;
}
.items-list_2 a:hover img {
  filter: grayscale(0.25);
}
.items-list_2 img {
  width: auto;
  filter: grayscale(1);
  transition: 0.5s;
}

.items-list_3 .item {
  line-height: 0;
  overflow: hidden;
  position: relative;
  border-radius: 1rem;
  margin-bottom: 0.75rem;
  height: 20rem;
  background-color: var(--color-black);
}
.items-list_3 .item:before {
  content: attr(data-before);
  display: inline-block;
  color: var(--color-white);
  font-size: 10rem;
  position: absolute;
  z-index: 1;
  font-weight: 600;
  top: 2rem;
  left: -2rem;
  opacity: 0.1;
}

.items-list_3 .item img {
  transition: 0.75s;
  filter: brightness(0.75);
  position: absolute;
  height: 100%;
  width: auto;
  top: 0;
  right: 0;
  z-index: 1;
  border-radius: 100vw;
  right: -50%;
}
.items-list_3 .item:hover img {
  filter: brightness(1);
}
.items-list_3 .item:hover figcaption {
  text-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

.items-list_3 figcaption {
  text-align: left;
  top: 0;
  z-index: 1;
  left: 0;
  width: 70%;
  height: 100%;
  padding: 1.5rem;
  position: absolute;
  line-height: normal;
  font-style: normal;
  font-size: 1.75rem;
  color: var(--color-white);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: end;
  text-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}
.items-list_3 .ttl {
  font-weight: 500;
}
.items-list_3 p {
  font-size: 0.9rem;
  margin-top: 0.25em;
}

.items-list_4 .item {
  display: block;
  line-height: 0;
  overflow: hidden;
  position: relative;
  border-radius: 1rem;
  margin-bottom: 1.5rem;
  background-color: var(--color-black);
}

.items-list_4 .item img {
  transition: 0.75s;
  filter: brightness(0.75);
}

.items-list_4 .item:hover img {
  transform: scale(1.05);
  filter: brightness(1);
}

.items-list_4 figcaption {
  text-align: left;
  bottom: 0;
  z-index: 1;
  left: 0;
  width: 100%;
  padding: 1.5rem;
  position: absolute;
  line-height: normal;
  font-style: normal;
  font-size: 1.75rem;
  color: var(--color-white);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: end;
  background-color: rgba(0,0,0,.25);
  backdrop-filter: blur(5px);
}

.items-list_4 .ttl {
  font-weight: 500;
}
.items-list_4 p {
  font-size: 1rem;
  margin-top: 0.25em;
}

.item_1 {
  padding: 3rem;
  background-color: var(--color-white_d);
  border-radius: 1rem;
  position: sticky;
  top: 1rem;
  font-size: 1.2rem;
}

.item_1 .btn:hover {
  background-color: var(--color-main);
}
.item_1 .btn {
  background-color: var(--color-main_d);
  display: flex;
  align-items: center;
  color: var(--color-white);
  border: 0;
  margin: auto;
  padding: 1rem 2.5rem;
  font-size: 0.9em;
  transition: 0.5s;
}
.item_1 .btn i {
  font-size: 0.9em;
}

.item_1 .chzn-container {
  width: 100% !important;
}

.item_1 .chzn-drop {
  left: -9000px;
  width: 100% !important;
  top: 48px;
}

.item_1 .chzn-drop.active {
  left: 0px;
  width: 100% !important;
  top: 35px;
}

.item_3 {
  padding: 2rem 1rem 0.5rem 1rem;
  margin-bottom: 1.5rem;
  border-radius: 1rem;
  text-align: center;
  background-color: var(--color-white_d);
  transition: 0.5s;
  border: 2px solid transparent;
}
.item_3:hover {
  border-color: var(--color-black);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
}
.item_3 img {
  max-width: 130px;
}
.item_3 .name {
  min-height: 2rem;
  font-size: 1rem;
  font-weight: 500;
}
.item_3 .image {
  display: block;
  margin-bottom: 0.75rem;
}

.fixed-circle {
  z-index: 1;
  height: 5rem;
  width: 5rem;
  border-radius: 2.5rem;
  background-color: var(--color-main_d);
  position: absolute;
  top: -2rem;
  right: -2.5rem;
  color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
}

.fixed-label {
  z-index: 1;
  height: 3.5rem;
  width: 7rem;
  border-radius: 1rem;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  background-color: var(--color-main_d);
  position: absolute;
  top: 0rem;
  right: 1rem;
  color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
  font-size: 1.4rem;
}

.pallet-button-link {
  display: none;
}

.pallet .chzn-container {
  width: 100%;
}

.pallet .chzn-drop {
  left: -9000px;
  width: 100%;
  top: 48px;
}

.pallet .chzn-drop.active {
  left: 0px;
  width: 100%;
  top: 35px;
}

.pallet-notes-mobile {
  display: none;
}

.pallet .item_3 {
  height: calc(100% - 1.5rem);
}

.tab-label {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 3rem;
}
.tab-label li,
.tab-label button {
  white-space: nowrap;
  user-select: none;
  cursor: pointer;
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background-color: var(--color-white);
  color: var(--color-black);
  border-radius: 1.25rem 1.25rem 0 0;
  transition: 0.7s all;
  position: relative;
  margin: 0 1rem;
}

.tab-label li.active:before,
.tab-label li.active:after,
.tab-label button.active:before,
.tab-label button.active:after {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  display: inline-block;
  background-color: var(--color-white);
  position: absolute;
  bottom: 0;
  border-radius: 3rem;
  transition: 0.7s all;
}
.tab-label li.active span,
.tab-label button.active span {
  transition: 0.7s all;
  display: inline-block;
  width: calc(100% + 3rem);
  height: 50%;
  background-color: var(--color-main_d);
  position: absolute;
  bottom: 0;
  left: -1.5rem;
  z-index: -1;
}
.tab-label li:before,
.tab-label button:before {
  left: -2.5rem;
}
.tab-label li:after,
.tab-label button:after {
  right: -2.5rem;
}

.tab-label li.active,
.tab-label button.active {
  background-color: var(--color-main_d);
  color: var(--color-white);
}

.tab-content {
  overflow: hidden;
  display: none;
  padding: 2rem;
  background-color: var(--color-white);
  border-radius: 2rem;
  border: 1px solid var(--color-gray);
  box-shadow: 0 0.5rem 0.25rem rgba(0, 0, 0, 0.1);
}

.tab-content.active {
  display: block;
}

.tab-content img {
  width: auto;
  height: auto;
}

.tab-content p img {
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: bottom;
}

.tab-content p a > img {
  width: 1rem;
  height: auto;
  vertical-align: middle;
}

.tab-content p em {
  display: block;
  font-weight: normal;
  font-size: 0.9em;
}

.tab-styled-item {
  border-radius: 1rem;
  height: 100%;
  padding: 1rem;
  box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.1);
}

.tab-styled-item.model {
  display: flex;
  flex-direction: row;
}

.tab-styled-item .image__col {
  width: 40%;
}
.tab-styled-item .image__col img {
  width: 100%;
}
.tab-styled-item .detail__col {
  padding-left: 1rem;
  width: 60%;
}

.review-location {
  font-size: 0.8rem;
  color: #666;
}

.models-wrap {
  display: flex;
  width: 100%;
  gap: 1rem;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.modeltile {
  display: flex;
  width: 48%;
  gap: 1rem;
  align-items: start;
  border: 1px solid #e0e0e0;
  box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
  padding: 1rem;
  justify-content: space-between;
}

.model-img-wrap {
  width: 49.5%;
}

.model-desc-wrap {
  width: 49.5%;
}

.model-img {
  width: 100%;
  margin-bottom: 0.5rem;
}

.model-img > img {
  width: 100%;
}

.model-info {
  margin-bottom: 1rem;
}

.modeltile .span-title {
  display: block;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
}

.model-price {
  font-weight: 500;
  margin-bottom: 0.5rem;
  text-align: center;
}

.metrics-wrap {
  margin-top: 1.5rem;
}

.model-img-metrics {
  text-align: center;
  width: 200px !important;
  display: block;
  margin: 0 auto;
}

.metrics-wrap .model-img-metrics {
  margin: 0 auto;
  width: 200px !important;
}

.metrics-text:first-child {
  margin-top: 1.5rem;
}

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

.metrics-title {
  text-align: center;
  margin: 1rem 0;
}

.metrics-item-list {
  display: flex;
  flex-wrap: wrap;
  width: 85%;
  gap: 1rem;
  justify-content: center;
  margin: 2rem auto;
}

.metrics-item-list li {
  width: 24%;
}

.metrics-notes {
  margin: 2rem 0;
}

.metrics-notes h5 {
  text-align: center;
  margin-bottom: 0.5rem;
}

.metrics-notes p {
  font-size: 0.8rem;
}

#filter-sel:checked ~ .toggle .toggle-slider {
  transform: translateX(100%);
}

#cover-sel:checked ~ .toggle label[for="cover-sel"],
#filter-sel:checked ~ .toggle label[for="filter-sel"] {
  color: var(--color-white);
  background: var(--color-black);
  border-radius: 999px;
}
.toggle-option {
  color: var(--color-black);
  transition:
    color 0.3s ease,
    left 0.5s ease;
}

#cover-select,
#filter-select {
  display: none;
  height: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  padding: 0 !important;
  transition: all 0.3s ease;
}

#cover-sel:checked ~ #cover-select,
#filter-sel:checked ~ #filter-select {
  display: block;
  height: auto;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  padding: 1rem;
}

.block_category-header {
  position: relative;
}
.block_category-header .content {
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 100%;
  max-width: 90%;
  font-size: 1.2rem;
  position: absolute;
  text-align: center;
  color: var(--color-white);
  transform: translate(-50%, -50%);
  text-shadow: 0 5px 5px var(--color-black);
}
.block_category-header .title {
  font-weight: 500;
  font-size: 3rem;
}
.block_category-header .subtitle {
  font-weight: 400;
  font-size: 1.1rem;
}
.block_category-header .image {
  position: relative;
  aspect-ratio: 8 / 1;
  overflow: hidden;
  display: block;
  clip-path: inset(0);
}
.block_category-header .image img {
  object-fit: cover;
  position: absolute;
  left: 0;
  bottom: -7rem;
  width: 100%;
  height: auto;
}


/*Fancybox Iframe*/

.fancybox__container iframe {
  width: 100%;
  max-width: 800px !important;
  margin: 0 auto;
}

@media screen and (min-width: 1200px) and (max-width: 1550px) {
  .items-list_1 figcaption.category-figcaption {
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 1450px) {
  .main__banner {
    height: 650px;
  }
}

@media screen and (max-width: 1300px) {
  .main__banner__video {
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%;
    transform: translate(-50%, -50%);
  }

  .main__banner__image img {
    object-fit: cover;
    height: 100%;
  }

  .metrics-item-list {
    width: 95%;
  }
}

@media screen and (max-width: 1200px) {
  .block_category-header .image {
    background-attachment: scroll;
  }
  .scroll-down-verbiage {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .main__banner__content {
    padding: 3rem;
  }

  .tab-content {
    padding: 1rem;
  }
}

@media screen and (max-width: 992px) {
  .items-list_1 figcaption {
    font-size: 1rem;
  }

  .items-list_3 figcaption {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .custom-col-lg-5-inline {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .custom-col-lg-10-offset {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
}

@media screen and (max-width: 768px) {
  .fixed-label {
    z-index: 1;
    height: 6rem;
    width: 6rem;
    border-radius: 0;
    background-color: transparent;
    position: absolute;
    top: -7rem;
    right: 50%;
    transform: translateX(50%);
    color: var(--color-search_black);
    flex-direction: column;
    box-shadow: none;
  }

  .accordion-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--color-gray);
    padding: 1rem 2rem;
    border-radius: 1.25rem 1.25rem 0 0;
    transition: 0.7s all;
    cursor: pointer;
  }
  .accordion-header.last-tab {
    border-radius: 0 0 1.25rem 1.25rem;
  }
  .accordion-header.last-tab.active {
    border-radius: 0 !important;
  }

  .fancybox__container iframe {
    width: 100% !important;
    max-width: 100% !important;
  }

  .tab-styled-item.model {
    flex-direction: column;
  }
  .tab-styled-item .image__col,
  .tab-styled-item .detail__col {
    width: 100%;
  }
  .tab-styled-item .detail__col {
    padding-top: 1rem;
    padding-left: 0;
  }

  .block_category-header .title {
    font-size: 2.4rem;
  }
  .block_category-header .content {
    font-size: 1.1rem;
    max-width: 95%;
  }
}
@media screen and (min-width: 575px) {
  .subcategories-list .special-img-hover img {
    transition: 0.5s ease all;
  }
  .subcategories-list .special-img-hover img.special-img {
    transform: perspective(800px) rotateY(25deg) scale(0.9) rotateX(10deg);
    filter: blur(2px);
    opacity: 0.9;
    object-fit: contain;
    width: 0%;
    height: auto;
    max-height: 100%;
    top: auto;
    bottom: 25%;
    left: 20%;
  }
  .subcategories-list .special-img-hover.hover img:not(.special-img),
  .subcategories-list .special-img-hover:hover img:not(.special-img) {
    filter: blur(2px);
  }
  .subcategories-list .special-img-hover.hover img.special-img,
  .subcategories-list .special-img-hover:hover img.special-img {
    transform: perspective(800px) rotateY(-15deg) rotateX(10deg) scale(1);
    filter: blur(0);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
  }
}
@media screen and (max-width: 575px) {
  .item_1 {
    padding: 2rem;
  }
  .items-list_1 figcaption {
    font-size: 0.9rem;
    padding: 0 0.25rem 1rem 0.25rem;
  }
  .items-list_3 .item {
    height: 15rem;
  }
  .items-list_3 figcaption {
    font-size: 1.5rem;
  }

  .ttl-line {
    margin-bottom: 4rem;
  }
  .item_3 {
    padding: 1rem 1rem 0.5rem 1rem;
  }
  .pallet .item_3 img {
    max-width: 100px;
    height: auto;
  }
  .item_3 .name {
    font-size: 0.9rem;
  }
  .fixed-circle {
    top: -4rem;
  }
  .main__banner__image img {
    object-fit: cover;
    height: 100%;
  }
  .main__banner__content {
    padding: 3rem 1rem;
  }

  .block_category-header {
    margin-top: 1rem;
  }
  .block_category-header .title {
    font-size: 1.6rem;
  }
  .block_category-header .content {
    font-size: 1rem;
  }
  .subcategories-list .special-img-hover img.special-img {
    object-fit: contain;
    width: 45%;
    height: 100%;
    left: auto;
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.25));
    right: 0%;
  }

  .block_category-header.have-content .image {
    aspect-ratio: 15 / 9;
  }
  .block_category-header.have-content .content {
    background-color: rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(1px);
    font-size: 0.9rem;
  }
  .block_category-header.have-content .image img {
    position: relative;
  }
}

@media screen and (max-width: 440px) {
  .main__banner__content h2 {
    font-size: 2.4rem !important;
  }

  .main__banner__content p {
    font-size: 0.9rem !important;
  }

  .items-list_4 figcaption {
    width: auto;
    height: auto;
  }
}

@media screen and (max-width: 365px) {
  .block_category-header .title {
    font-size: 1.4rem;
  }
  .block_category-header .content {
    font-size: 0.9rem;
  }
}